Udostępnij za pośrednictwem

Xamarin.Forms Kształty: Linia

  • Artykuł

Klasa Line pochodzi z Shape klasy i może służyć do rysowania linii. Aby uzyskać informacje na temat właściwości Line dziedziczynych przez klasę Shape z klasy, zobacz Xamarin.Forms 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 Y 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 Xamarin.Forms 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):

Linia ukośna

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):

Linia przerywana

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