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

График

  • Статья

Browse sample. Обзор примера

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

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 свойства в начальную точку и его Y2 X2 свойства в конечной точке. Кроме того, задайте для свойства Stroke производный Brushобъект, так как строка без штриха невидима. Дополнительные сведения об объектах см. в Brush разделе "Кисти".

Примечание.

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.

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