다음을 통해 공유

Xamarin.Forms 도형: 선

  • 아티클

클래스는 Line 클래스에서 Shape 파생되며 선을 그리는 데 사용할 수 있습니다. 클래스가 클래스에서 상속하는 Line 속성에 대한 자세한 내용은 Shapes를 참조 Xamarin.Forms 하세요.Shape

Line는 다음 속성을 정의합니다.

  • X1double 형식의 는 선의 시작점 x 좌표를 나타냅니다. 이 속성의 기본값은 0.0입니다.
  • Y1double 형식의 경우 선 시작점의 y 좌표를 나타냅니다. 이 속성의 기본값은 0.0입니다.
  • X2double 형식의 경우 선 끝점의 x 좌표를 나타냅니다. 이 속성의 기본값은 0.0입니다.
  • Y2double 형식의 경우 선 끝점의 y 좌표를 나타냅니다. 이 속성의 기본값은 0.0입니다.

이러한 속성은 BindableProperty 개체에서 지원하며, 따라서 데이터 바인딩의 대상이 될 수 있고 스타일이 지정될 수 있습니다.

선 끝을 그리는 방법을 제어하는 방법에 대한 자세한 내용은 제어 선 끝을 참조 하세요.

선 만들기

선을 그리려면 개체를 Line 만들고 해당 X1 개체와 Y1 속성을 시작점으로 설정하고 해당 X2 Y 끝점으로 속성을 설정합니다. 또한 스트로크가 없는 선이 보이지 않으므로 Brush해당 Stroke 속성을 파생 개체로 설정합니다. 개체에 대한 Brush 자세한 내용은 Brushes를 참조 Xamarin.Forms 하세요.

참고 항목

선에 Fill 내부가 없으므로 속성 Line 설정은 효과가 없습니다.

다음 XAML 예제에서는 선을 그리는 방법을 보여줍니다.

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

이 예제에서는 빨간색 대각선이 (40,0)에서 (0,120)로 그려집니다.

대각선

X1, Y1, X2및 Y2 속성의 기본값은 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)에서 (0,120)로 그려집니다.

파선

파선 그리기에 대한 자세한 내용은 파선 도형 그리기를 참조 하세요.