Nasıl yapılır: UIElement'i Yatay veya Dikey Olarak Çevirme

Bu örnek, ScaleTransform'ı kullanarak UIElement'i yatay veya dikey olarak nasıl çevirebileceğinizi gösterir. Bu örnekte, bir Button denetimi (UIElementtürü), RenderTransform özelliğine bir ScaleTransform uygulanarak değiştirilir.

Düğme çevirme çizimi

Aşağıdaki çizimde çevrilecek düğme gösterilmektedir.

Çevrilecek UIElement

Aşağıda düğmeyi oluşturan kod gösterilmektedir.

<Button Content="Flip me!" Padding="5">
</Button>

Düğmeyi yatay olarak çevirmek için çizim

Düğmeyi yatay olarak çevirmek için bir ScaleTransform oluşturun ve ScaleX özelliğini -1 olarak ayarlayın. Düğmenin RenderTransform özelliğine ScaleTransform'i uygulayın.

<Button Content="Flip me!" Padding="5">
  <Button.RenderTransform>
    <ScaleTransform ScaleX="-1" />
  </Button.RenderTransform>
</Button>

Ölçek Dönüşümü uygulandıktan sonraki düğme

Bir düğmeyi yerinde çevirmek için çizim

Önceki çizimde görebileceğiniz gibi düğme çevrildi, ancak aynı zamanda taşındı. Bunun nedeni düğmenin sol üst köşesinden çevrilmiş olmasıdır. Düğmeyi yerinde çevirmek için ScaleTransform'ı köşesine değil ortasına uygulamalısınız. düğme merkezine ScaleTransform uygulamanın kolay bir yolu, düğmenin RenderTransformOrigin özelliğini 0,5, 0,5 olarak ayarlamaktır.

<Button Content="Flip me!" Padding="5"
  RenderTransformOrigin="0.5,0.5">
  <Button.RenderTransform>
    <ScaleTransform ScaleX="-1" />
  </Button.RenderTransform>
</Button>

RenderTransformOrigin değeri "0.5, 0.5" olan düğme

Düğmeyi dikey olarak çevirmek için çizim

Düğmeyi dikey olarak çevirmek için ScaleTransform nesnesinin ScaleX özelliği yerine ScaleY özelliğini ayarlayın.

<Button Content="Flip me!" Padding="5"
  RenderTransformOrigin="0.5,0.5">
  <Button.RenderTransform>
    <ScaleTransform ScaleY="-1" />
  </Button.RenderTransform>
</Button>

Dikey olarak çevrilmiş düğme

Ayrıca bkz.

• Dönüşümlere Genel Bakış