Xamarin.Forms Фигуры: линия

  • Статья

Download Sample Скачайте пример

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

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

  • X1, тип double, указывает координату x начальной точки линии. Значение по умолчанию этого свойства равно 0.0.
  • Y1, тип double, указывает координату y начальной точки линии. Значение по умолчанию этого свойства равно 0.0.
  • X2, тип double, указывает координату x конечной точки линии. Значение по умолчанию этого свойства равно 0.0.
  • Y2, тип double, указывает координату y конечной точки линии. Значение по умолчанию этого свойства равно 0.0.

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

Сведения об управлении нарисованными концами линии см. в разделе "Окончание линии управления".

Создание строки

Чтобы нарисовать линию, создайте Line объект и задайте его X1 и Y1 свойства в начальную точку и его YX2 свойства в конечной точке. Кроме того, задайте для свойства Stroke производный Brushобъект, так как строка без штриха невидима. Дополнительные сведения об объектах см. в Brush разделе Xamarin.Forms "Кисти".

Примечание.

Fill Установка свойства не Line влияет, так как строка не имеет интерьера.

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

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="Red" />

В этом примере красная диагонали рисуется от (40,0) до (0120):

Diagonal line

X1Так как свойства и X2Y1Y2 свойства имеют значения по умолчанию 0, можно нарисовать некоторые строки с минимальным синтаксисом:

<Line Stroke="Red"
      X2="200" />

В этом примере определена горизонтальная линия, которая составляет 200 единиц, независимых от устройств. Так как другие свойства имеют значение 0 по умолчанию, линия извлекается из (0,0) до (200 0).

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

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="DarkBlue"
      StrokeDashArray="1,1"
      StrokeDashOffset="6" />

В этом примере отрисовывается темно-голубая диагоналиная линия (40,0) до (0120):

Dashed line

Дополнительные сведения о рисовании дефисной линии см. в разделе "Рисование дефисированных фигур".