VisualElement-tillägg

VisualElement-tilläggen innehåller en serie tilläggsmetoder som stöder konfiguration av storlek, formatering och beteenden för en VisualElement.

Tilläggen erbjuder följande metoder:

Höjd

Metoden Height anger HeightRequest egenskapen på den aktuella VisualElement.

Följande exempel skapar Label och sätter HeightRequest till 50.

new Label().Height(50);

MinHeight

Metoden MinHeight anger MinimumHeightRequest egenskapen på den aktuella VisualElement.

Följande exempel skapar en Label och sätter dess MinimumHeightRequest till 50.

new Label().MinHeight(50);

Bredd

Metoden Width anger WidthRequest egenskapen på den aktuella VisualElement.

I följande exempel skapas en Label och dess WidthRequest ställs in till 50.

new Label().Width(50);

MinWidth

Metoden MinWidth anger MinimumWidthRequest egenskapen på den aktuella VisualElement.

I det följande exemplet skapar du en Label och ställer in dess MinimumWidthRequest till 50.

new Label().MinWidth(50);

Size

Metoden Size ställer in egenskaperna WidthRequest och HeightRequest för den aktuella VisualElement.

Följande exempel skapar en Label och anger dess WidthRequest och HeightRequest till 50.

new Label().Size(50);

Minsta storlek

Metoden MinSize anger egenskaperna MinimumWidthRequest och MinimumHeightRequest för den aktuella VisualElement.

Följande exempel skapar en Label och anger dess MinimumWidthRequest och MinimumHeightRequest till 50.

new Label().MinSize(50);

Stil

Metoden Style ställer in den angivna style för den aktuella VisualElement.

Följande exempel skapar en Label och anger dess Style egenskap.

var labelStyle = new Style<Label>();
new Label().Style(labelStyle);

Behaviors

Metoden Behaviors lägger till de angivna beteendena i Behaviors samlingen på den aktuella VisualElement.

I följande exempel skapas en Entry och läggs MaxLengthReachedBehavior till i den.

new Entry().Behaviors(new MaxLengthReachedBehavior());

AutomationId

Metoden AutomationId anger AutomationId egenskapen för den angivna VisualElement.

Följande exempel skapar en Entry och anger AutomationId till "PasswordEntry":

new Entry().AutomationId("PasswordEntry");

AnchorX

Metoden AnchorX anger AnchorX egenskapen för den angivna VisualElement.

I följande exempel skapas en Entry, och X-komponenten för mittpunkten anges till 0 för valfri transformering, relativt elementets gränser:

new Entry().AnchorX(0.0);

Fästpunkt Y

Metoden AnchorY anger AnchorY egenskapen för den angivna VisualElement.

I följande exempel skapas en Entry och Y-komponenten för mittpunkten för en transform sätts, relativt elementets gränser, till 0,75:

new Entry().AnchorY(0.75);

Anchor

Metoden Anchor anger egenskaperna AnchorX och AnchorY för den angivna VisualElement.

I följande exempel skapas en Button, och X- och Y-komponenterna för mittpunkten ställs in för en valfri transformering, relativt till elementets gränser, till 0,25 respektive 0,75:

new Button().Anchor(0.25, 0.75);

Bakgrund

Metoden Background anger Background egenskapen för den angivna VisualElement.

I följande exempel skapas en Button och bakgrundsinställningen för elementet blir Blå:

new Button().Background(new SolidColorBrush(Colors.Blue));

BackgroundColor

Metoden BackgroundColor anger BackgroundColor egenskapen för den angivna VisualElement.

I följande exempel skapas en Button och bakgrundsinställningen för elementet blir Röd:

new Button().BackgroundColor(Colors.Red);

Klipp

Metoden Clip anger Clip egenskapen för den angivna VisualElement.

Följande exempel skapar en Image och tillämpar en cirkulär Clip:

var ellipse = new EllipseGeometry { Center = new Point(50, 50), RadiusX = 50, RadiusY = 50 };
new Image().Clip(ellipse);

FlowDirection

Metoden FlowDirection anger FlowDirection egenskapen för den angivna VisualElement.

I följande exempel skapas en Entry och FLowDirection anges till RightToLeft:

new Entry().FlowDirection(Microsoft.Maui.FlowDirection.RightToLeft);

InputTransparent

Metoden InputTransparent anger InputTransparent egenskapen för den angivna VisualElement.

I följande exempel skapas en Label som ska ingå i användarinteraktionscykeln:

new Label().InputTransparent(false);

ÄrAktiverad

Metoden IsEnabled anger IsEnabled egenskapen för den angivna VisualElement.

Följande exempel skapar en Button och anger att den ska inaktiveras:

new Button().IsEnabled(false);

IsVisible

Metoden IsVisible anger IsVisible egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och anges som osynlig:

new Label().IsVisible(false);

Ogenomskinlighet

Metoden Opacity anger Opacity egenskapen för den angivna VisualElement.

Följande exempel skapar en Label och anger opaciteten för elementet till 0,5:

new Label().Opacity(0.5);

Rotation

Metoden Rotation anger Rotation egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och rotationen (i grader) om Z-axeln (affinrotation) anges till värdet 45:

new Label().Rotation(45);

RotationX

Metoden RotationX anger RotationX egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och rotationen (i grader) om X-axeln (perspektivrotation) anges till värdet 60:

new Label().RotationX(60);

RotationY

Metoden RotationY anger RotationY egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och rotationen (i grader) om Y-axeln (perspektivrotation) anges till värdet 180:

new Label().RotationY(180);

Våg

Metoden Scale anger egenskaperna ScaleX och ScaleY för den angivna VisualElement.

Följande exempel skapar ett Label och skalar elementet till en och en halv gånger dess storlek:

new Label().Scale(1.5);

I följande exempel skapas en Label och skalas elementet så att det är dubbelt så brett (X-riktning) och tre gånger så högt (Y-riktning).

new Label().Scale(2, 3);

ScaleX

Metoden ScaleX anger ScaleX egenskapen för den angivna VisualElement.

Följande exempel skapar en Label och skalar elementet till en och en halv gång (1,5 gånger) så brett i X-led:

new Label().ScaleX(1.5);

ScaleY

Metoden ScaleY anger ScaleY egenskapen för den angivna VisualElement.

Följande exempel skapar en Label och skalar elementet till dubbel höjd (2x) i Y-led:

new Label().ScaleY(2.0);

TranslationX

Metoden TranslationX anger TranslationX egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och X-översättningsdeltat anges till 1.5:

new Label().TranslationX(1.5);

TranslationY

Metoden TranslationY anger TranslationY egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och Y-översättningsdeltat anges till 2:

new Label().TranslationY(2.0);

ZIndex

Metoden ZIndex anger ZIndex egenskapen för den angivna VisualElement.

I följande exempel skapas en Label och ZIndex anges till värdet 100:

new Label().ZIndex(100);

Exempel

Du hittar ett exempel på de här tilläggsmetoderna i praktiken i .NET MAUI Community Toolkit Sample Application.

API (gränssnitt för programmering av applikationer)

Du hittar källkoden för VisualElement-tilläggsmetoderna på .NET MAUI Community Toolkit GitHub-lagringsplatsen.