Udostępnij za pośrednictwem

Linia

  • Artykuł

Browse sample. Przeglądanie przykładu

Klasa interfejsu użytkownika aplikacji wieloplatformowej platformy .NET (.NET MAUI) Line pochodzi z Shape klasy i może służyć do rysowania wierszy. Aby uzyskać informacje na temat właściwości Line dziedziczynych przez klasę Shape z klasy, zobacz Kształty.

Line definiuje następujące właściwości:

  • X1, typu double, wskazuje współrzędną x punktu początkowego linii. Wartość domyślna tej właściwości to 0,0.
  • Y1, typu double, wskazuje współrzędną y punktu początkowego linii. Wartość domyślna tej właściwości to 0,0.
  • X2, typu double, wskazuje współrzędną x punktu końcowego linii. Wartość domyślna tej właściwości to 0,0.
  • Y2, typu double, wskazuje współrzędną y punktu końcowego linii. Wartość domyślna tej właściwości to 0,0.

Te właściwości są wspierane przez BindableProperty obiekty, co oznacza, że mogą być obiektami docelowymi powiązań danych i stylizowanymi.

Aby uzyskać informacje na temat kontrolowania sposobu rysowania końców linii, zobacz Końce linii sterowania.

Tworzenie linii

Aby narysować linię, utwórz Line obiekt i ustaw jego właściwości i Y1 na punkt X1 początkowy, a jego X2 właściwości i Y2 do punktu końcowego. Ponadto ustaw jego Stroke właściwość na Brushobiekt -pochodny, ponieważ linia bez pociągnięcia jest niewidoczna. Aby uzyskać więcej informacji na temat Brush obiektów, zobacz Szczotki.

Uwaga

Fill Ustawienie właściwości obiektu Line nie ma wpływu, ponieważ linia nie ma wnętrza.

W poniższym przykładzie XAML pokazano, jak narysować linię:

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

W tym przykładzie czerwona linia ukośna jest pobierana z (40 0) do (0,120):

Diagonal line.

X1Ponieważ właściwości , , X2Y1i Y2 mają wartości domyślne 0, można narysować kilka wierszy z minimalną składnią:

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

W tym przykładzie zdefiniowano linię poziomą o długości 200 jednostek niezależnych od urządzenia. Ponieważ pozostałe właściwości są domyślnie 0, linia jest pobierana z (0,0) do (200,0).

W poniższym przykładzie XAML pokazano, jak narysować linię przerywaną:

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

W tym przykładzie ciemnoniebieska linia ukośna jest rysowana z (40 0) do (0,120):

Dashed line.

Aby uzyskać więcej informacji na temat rysowania linii kreskowanej, zobacz Rysowanie kreskowanych kształtów.