Sdílet prostřednictvím

Xamarin.Forms Obrazce: Čára

  • Článek

Třída Line je odvozena od Shape třídy a lze ji použít k kreslení čar. Informace o vlastnostech, které Line třída dědí z Shape třídy, naleznete v tématu Xamarin.Forms Obrazce.

Line definuje následující vlastnosti:

  • X1, typu double, označuje souřadnici x počátečního bodu čáry. Výchozí hodnota této vlastnosti je 0,0.
  • Y1, typu double, označuje souřadnici y počátečního bodu čáry. Výchozí hodnota této vlastnosti je 0,0.
  • X2, typu double, označuje souřadnici x koncového bodu čáry. Výchozí hodnota této vlastnosti je 0,0.
  • Y2, typu double, označuje souřadnici y koncového bodu čáry. Výchozí hodnota této vlastnosti je 0,0.

Tyto vlastnosti jsou podporovány BindableProperty objekty, což znamená, že mohou být cíle datových vazeb a stylovány.

Informace o tom, jak se nakreslují konce čar, najdete v tématu Řídicí čára konce.

Vytvoření řádku

Chcete-li nakreslit čáru Line , vytvořte objekt a nastavte jeho X1 a Y1 vlastnosti na jeho počáteční bod a jeho X2 a Y vlastnosti na koncový bod. Kromě toho nastavte jeho Stroke vlastnost na Brush-odvozený objekt, protože čára bez tahu je neviditelná. Další informace o Brush objektech naleznete v tématu Xamarin.Forms Štětce.

Poznámka:

Fill Nastavení vlastnosti objektu Line nemá žádný vliv, protože čára nemá žádný vnitřní prostor.

Následující příklad XAML ukazuje, jak nakreslit čáru:

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

V tomto příkladu je červená diagonální čára nakreslena z (40,0) do (0,120):

Diagonální čára

Protože vlastnost X1, , X2Y1a Y2 vlastnosti mají výchozí hodnoty 0, je možné nakreslit některé čáry s minimální syntaxí:

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

V tomto příkladu je definována vodorovná čára, která je 200 jednotek nezávislých na zařízení. Vzhledem k tomu, že ostatní vlastnosti jsou ve výchozím nastavení 0, je čára nakreslena z (0,0) do (200 0).

Následující příklad XAML ukazuje, jak nakreslit přerušovanou čáru:

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

V tomto příkladu je tmavě modrá přerušovaná diagonální čára nakreslena z (40,0) do (0,120):

Přerušovaná čára

Další informace o kreslení přerušované čáry naleznete v tématu Kreslení přerušovaných obrazců.