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

Bu örnekte, yatay veya dikey olarak çevirmek UIElement için 'nin nasıl kullanılacağı ScaleTransform gösterilmektedir. Bu örnekte, bir Button denetim (türü UIElement) özelliğine uygulanarak ScaleTransform çevrilmiştir RenderTransform .

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 özelliğini ScaleX -1 olarak ayarlayın. ScaleTransform düğmesinin RenderTransform özelliğine uygulayın.

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

ScaleTransform uygulandıktan sonra 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, düğmesini köşesine değil ortasına uygulamak ScaleTransform istiyorsunuz. düğme merkezini uygulamanın ScaleTransform 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, nesnenin ScaleTransformScaleY özelliği yerine ScaleX ö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ış