Поделиться через

Xamarin.Forms Фигуры: Прямоугольник

  • Статья

Класс Rectangle является производным от Shape класса и может использоваться для рисования прямоугольников и квадратов. Сведения о свойствах, наследующихся от класса, см. в разделеXamarin.Forms "Фигуры".Shape Rectangle

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 разделе Xamarin.Forms "Кисти".

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

Чтобы нарисовать квадрат, сделайте 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" />

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

Прямоугольник с округленными углами

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