VisualElement 확장

확장은 VisualElement 크기 조정, 스타일 지정 및 동작 구성을 지원하는 일련의 확장 메서드를 VisualElement제공합니다.

확장은 다음 메서드를 제공합니다.

Height

메서드는 Height 현재 VisualElement속성을 HeightRequest 설정합니다.

다음 예제에서는 a를 Label 만들고 50으로 설정합니다 HeightRequest .

new Label().Height(50);

MinHeight

메서드는 MinHeight 현재 VisualElement속성을 MinimumHeightRequest 설정합니다.

다음 예제에서는 a를 Label 만들고 50으로 설정합니다 MinimumHeightRequest .

new Label().MinHeight(50);

Width

메서드는 Width 현재 VisualElement속성을 WidthRequest 설정합니다.

다음 예제에서는 a를 Label 만들고 50으로 설정합니다 WidthRequest .

new Label().Width(50);

MinWidth

메서드는 MinWidth 현재 VisualElement속성을 MinimumWidthRequest 설정합니다.

다음 예제에서는 a를 Label 만들고 50으로 설정합니다 MinimumWidthRequest .

new Label().MinWidth(50);

크기

메서드는 Size 현재VisualElement에 대한 WidthRequest 속성과 HeightRequest 속성을 설정합니다.

다음 예제에서는 a를 Label 만들고 50으로 설정합니다 WidthRequestHeightRequest .

new Label().Size(50);

참고 항목

메서드에 widthRequestheightRequest 별도로 Size 제공할 수도 있습니다.

MinSize

메서드는 MinSize 현재VisualElement에 대한 MinimumWidthRequest 속성과 MinimumHeightRequest 속성을 설정합니다.

다음 예제에서는 a를 Label 만들고 50으로 설정합니다 MinimumWidthRequestMinimumHeightRequest .

new Label().MinSize(50);

참고 항목

메서드에 minimumWidthRequestminimumHeightRequest 별도로 MinSize 제공할 수도 있습니다.

스타일

이 메서드는 Style 현재VisualElement에 제공된 style 값을 설정합니다.

다음 예제에서는 속성을 Label 만들고 설정합니다 Style .

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

특성

메서드는 Behaviors 제공된 동작을 현재 VisualElement컬렉션에 Behaviors 추가합니다.

다음 예제에서는 만들고 Entry 추가 MaxLengthReachedBehavior 합니다.

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

AutomationId

메서드는 AutomationId 제공된 AutomationIdVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 "PasswordEntry"를 만들고 Entry 설정합니다 AutomationId .

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

AnchorX

메서드는 AnchorX 제공된 AnchorXVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소의 경계를 기준으로 모든 변환에 대한 중심점의 X 구성 요소를 만들고 Entry 설정합니다.

new Entry().AnchorX(0.0);

앵커리(Anchory)

메서드는 AnchorY 제공된 AnchorYVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소의 경계를 기준으로 모든 변환에 대한 중심점의 Y 구성 요소를 만들고 Entry 설정합니다.

new Entry().AnchorY(0.75);

기준 위치

메서드는 Anchor 제공된 VisualElement속성 AnchorX 과 AnchorY 속성을 설정합니다.

다음 예제에서는 요소의 경계를 기준으로 모든 변환에 대해 중심점의 X 및 Y 구성 요소를 만들고 Button 0.25 및 0.75로 설정합니다.

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

배경

메서드는 Background 제공된 BackgroundVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소의 배경을 만들고 Button 파란색으로 설정합니다.

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

BackgroundColor

메서드는 BackgroundColor 제공된 BackgroundColorVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소의 배경을 만들고 Button 빨간색으로 설정합니다.

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

Clip

메서드는 Clip 제공된 ClipVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 원형 클립을 Image 만들고 적용합니다.

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

FlowDirection

메서드는 FlowDirection 제공된 FlowDirectionVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 FLowDirection을 Entry 만들고 RightToLeft로 설정합니다.

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

InputTransparent

메서드는 InputTransparent 제공된 InputTransparentVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 사용자 상호 작용 주기에 포함해야 하는 a를 만듭니 Label 다.

new Label().InputTransparent(false);

IsEnabled

메서드는 IsEnabled 제공된 IsEnabledVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 a를 Button 만들고 사용하지 않도록 설정합니다.

new Button().IsEnabled(false);

Isvisible

메서드는 IsVisible 제공된 IsVisibleVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 a를 Label 만들고 보이지 않게 설정합니다.

new Label().IsVisible(false);

Opacity

메서드는 Opacity 제공된 OpacityVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소의 불투명도를 Label 0.5로 설정하고 만듭니다.

new Label().Opacity(0.5);

회전

메서드는 Rotation 제공된 RotationVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 Z축(아핀 회전)에 대한 회전을 45로 설정하고 Label 회전을 도 단위로 설정합니다.

new Label().Rotation(45);

RotationX

메서드는 RotationX 제공된 RotationXVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 X축(원근 회전)에 대한 회전(도)을 만들고 Label 값 60으로 설정합니다.

new Label().RotationX(60);

회전

메서드는 RotationY 제공된 RotationYVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 Y축(원근 회전)에 대한 회전을 180으로 설정하고 Label 회전을 도 단위로 설정합니다.

new Label().RotationY(180);

확장

메서드는 Scale 제공된 VisualElement속성 ScaleX 과 ScaleY 속성을 설정합니다.

다음 예제에서는 요소를 만들고 Label 크기를 1배 반으로 조정합니다.

new Label().Scale(1.5);

다음 예제에서는 요소를 만들고 Label 너비(X 방향)의 2배, 높음(Y 방향)의 3배로 조정합니다.

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

Scalex

메서드는 ScaleX 제공된 ScaleXVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소를 만들고 Label 너비(X 방향)로 1/5배(1.5배)로 조정합니다.

new Label().ScaleX(1.5);

ScaleY

메서드는 ScaleY 제공된 ScaleYVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 요소를 만들고 Label 요소를 높음(Y 방향)의 2배(2배)로 조정합니다.

new Label().ScaleY(2.0);

TranslationX

메서드는 TranslationX 제공된 TranslationXVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 X 번역 델타를 Label 만들고 1.5로 설정합니다.

new Label().TranslationX(1.5);

Translationy

메서드는 TranslationY 제공된 TranslationYVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 Y 변환 델타를 Label 만들고 2로 설정합니다.

new Label().TranslationY(2.0);

ZIndex

메서드는 ZIndex 제공된 ZIndexVisualElement속성에 대한 속성을 설정합니다.

다음 예제에서는 ZIndex를 Label 만들고 100 값으로 설정합니다.

new Label().ZIndex(100);

예제

.NET MAUI 커뮤니티 도구 키트 샘플 애플리케이션 전체에서 이러한 확장 메서드가 작동하는 예제를 찾을 수 있습니다.

API

확장 메서드에 대한 소스 코드는 VisualElement .NET MAUI 커뮤니티 도구 키트 GitHub 리포지토리에서 찾을 수 있습니다.