Прямоугольник

Обзор примера

Класс многоплатформенного пользовательского интерфейса приложения .NET (.NET MAUI) Rectangle является производным от Shape класса и может использоваться для рисования прямоугольников и квадратов. Сведения о свойствах, наследуемых Rectangle классом от Shape класса, см. в формах .NET MAUI.

Rectangle определяет следующие свойства:

• RadiusXdoubleтип , который является радиусом оси X, который используется для округления углов прямоугольника. Значение по умолчанию этого свойства равно 0.0.
• RadiusYdoubleтип , который является радиусом оси Y, который используется для округления углов прямоугольника. Значение по умолчанию этого свойства равно 0.0.

Эти свойства поддерживаются объектами BindableProperty, то есть эти свойства можно указывать в качестве целевых для привязки и стилизации данных.

Класс Rectangle задает Aspect свойство, унаследованное от Shape класса, в Stretch.Fillзначение . Дополнительные сведения о свойстве Aspect см. в разделе "Растяжения фигур".

Создание прямоугольника

Чтобы нарисовать прямоугольник, создайте Rectangle объект и задает его WidthRequest и HeightRequest свойства. Чтобы покрасить внутри прямоугольника, задайте для свойства Fill производный Brushобъект. Чтобы присвоить прямоугольнику контур, задайте для свойства Stroke производный Brushобъект. Свойство StrokeThickness задает толщину контура прямоугольника. Дополнительные сведения об объектах см. в Brush разделе "Кисти".

Чтобы дать прямоугольник скругленным углам, задайте его RadiusX и RadiusY свойства. Эти свойства задают ось x и радии оси Y, которые используются для округления углов прямоугольника.

Примечание.

Существует также RoundRectangle класс, который имеет CornerRadius BindableProperty, который можно использовать для рисования прямоугольников с скругленными углами.

Чтобы нарисовать квадрат, сделайте WidthRequest и HeightRequest свойства Rectangle объекта равными.

В следующем примере XAML показано, как нарисовать заполненный прямоугольник:

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

В этом примере рисуется красный прямоугольник с измерениями 150x50 (устройства независимо от устройства).

В следующем примере XAML показано, как нарисовать заполненный прямоугольник с округленными углами:

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

В этом примере рисуется синий прямоугольник с округленными углами:

Сведения о рисовании тире прямоугольника см. в разделе "Рисование тире" фигур.