Xamarin.Forms 도형: 사각형

Download Sample 샘플 다운로드

클래스는 Rectangle 클래스에서 Shape 파생되며 사각형과 사각형을 그리는 데 사용할 수 있습니다. 클래스가 클래스에서 상속하는 Rectangle 속성에 대한 자세한 내용은 Shapes를 참조 Xamarin.Forms 하세요.Shape

Rectangle는 다음 속성을 정의합니다.

  • RadiusX직사각형의 모퉁이를 반올림하는 데 사용되는 x축 반지름인 형식 double의 입니다. 이 속성의 기본값은 0.0입니다.
  • RadiusY직사각형의 모퉁이를 반올림하는 데 사용되는 y축 반지름인 형식 double의 이 속성의 기본값은 0.0입니다.

이러한 속성은 BindableProperty 개체에서 지원하며, 따라서 데이터 바인딩의 대상이 될 수 있고 스타일이 지정될 수 있습니다.

클래스는 RectangleAspect 클래스Stretch.Fill에서 Shape 상속된 속성을 .로 설정합니다. 속성에 대한 Aspect 자세한 내용은 스트레치 셰이프를 참조 하세요.

사각형 만들기

사각형을 그리려면 개체를 Rectangle 만들고 해당 WidthRequest 개체와 HeightRequest 속성을 설정합니다. 사각형의 내부를 그리려면 해당 Fill 속성을 파생 개체로 Brush설정합니다. 사각형에 윤곽선을 지정하려면 해당 Stroke 속성을 파생 개체로 Brush설정합니다. 이 속성은 StrokeThickness 사각형 윤곽선의 두께를 지정합니다. 개체에 대한 Brush 자세한 내용은 Brushes를 참조 Xamarin.Forms 하세요.

사각형의 둥근 모서리를 지정하려면 해당 RadiusX 모서리와 RadiusY 속성을 설정합니다. 이러한 속성은 사각형의 모서리를 반올림하는 데 사용되는 x축 및 y축 반지름을 설정합니다.

사각형을 그리려면 개체의 WidthRequestRectangle 속성과 HeightRequest 속성을 동일하게 만듭니다.

다음 XAML 예제에서는 채워진 사각형을 그리는 방법을 보여줍니다.

<Rectangle Fill="Red"
           WidthRequest="150"
           HeightRequest="50"
           HorizontalOptions="Start" />

이 예제에서는 크기가 150x50(디바이스 독립적 단위)인 빨간색 채워진 사각형이 그려집니다.

Filled rectangle

다음 XAML 예제에서는 둥근 모서리를 사용하여 채워진 사각형을 그리는 방법을 보여 줍니다.

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

이 예제에서는 둥근 모서리가 있는 파란색 채워진 사각형을 그립니다.

Rectangle with rounded corners

파선 사각형을 그리는 방법에 대한 자세한 내용은 파선 도형 그리기를 참조 하세요.