Aracılığıyla paylaş

Xamarin.Forms Şekiller: Dikdörtgen

sınıfı Rectangle sınıfından Shape türetilir ve dikdörtgenler ve kareler çizmek için kullanılabilir. Sınıfın sınıftan devraldığı Shape özellikler hakkında bilgi için bkzXamarin.Forms. Şekiller.Rectangle

Rectangle aşağıdaki özellikleri tanımlar:

  • RadiusXtüründe double, dikdörtgenin köşelerini yuvarlamada kullanılan x ekseni yarıçapıdır. Bu özelliğin varsayılan değeri 0,0'dır.
  • RadiusYtüründe double, dikdörtgenin köşelerini yuvarlamada kullanılan y ekseni yarıçapıdır. Bu özelliğin varsayılan değeri 0,0'dır.

Bu özellikler nesneler tarafından BindableProperty desteklenir; bu da veri bağlamalarının hedefleri olabileceği ve stillendirilebileceği anlamına gelir.

Rectangle sınıfı, sınıfından Aspect devralınan Shape özelliğini olarak Stretch.Fillayarlar. Özelliği hakkında Aspect daha fazla bilgi için bkz . Şekilleri genişletme.

Dikdörtgen Oluşturma

Dikdörtgen çizmek için bir Rectangle nesne oluşturun ve nesnesini WidthRequest ve HeightRequest özelliklerini ayarlar. Dikdörtgenin içini boyamak için özelliğini türetilmiş bir Brushnesne olarak ayarlayınFill. Dikdörtgene bir ana hat vermek için özelliğini türetilmiş bir Brushnesne olarak ayarlayınStroke. StrokeThickness özelliği dikdörtgen ana hattının kalınlığını belirtir. Nesneler hakkında Brush daha fazla bilgi için bkz Xamarin.Forms . Fırçalar.

Dikdörtgene yuvarlatılmış köşeler vermek için ve RadiusY özelliklerini ayarlayınRadiusX. Bu özellikler, dikdörtgenin köşelerini yuvarlamada kullanılan x eksenini ve y ekseni yarıçapını ayarlar.

Kare çizmek için nesnenin WidthRequest ve HeightRequest özelliklerini Rectangle eşit yapın.

Aşağıdaki XAML örneği, doldurulmuş bir dikdörtgenin nasıl çizilmiş olduğunu gösterir:

<Rectangle Fill="Red"
           WidthRequest="150"
           HeightRequest="50"
           HorizontalOptions="Start" />

Bu örnekte, 150x50 (cihazdan bağımsız birimler) boyutlarına sahip kırmızı dolgulu bir dikdörtgen çizilir:

Dolu dikdörtgen

Aşağıdaki XAML örneği, yuvarlatılmış köşelerle doldurulmuş bir dikdörtgenin nasıl çizilmiş olduğunu gösterir:

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

Bu örnekte, yuvarlatılmış köşeleri olan mavi dolgulu bir dikdörtgen çizilir:

Yuvarlatılmış köşeleri olan dikdörtgen

Kesikli dikdörtgen çizme hakkında bilgi için bkz . Kesikli şekiller çizme.

  • Last updated on