Dette eksempel viser, hvordan du bruger ScaleTransform vende om UIElement vandret eller lodret. Dette eksempel viser, hvordan du bruger a ScaleTransform at vende a UIElement vandret eller lodret. I dette eksempel knap ledelse (sort UIElement ) ændret ved at anvende ScaleTransform for hans RenderTransform ejendom. I dette eksempel, a knap kontrol (en type af UIElement ) vendes ved at anvende en ScaleTransform til dets RenderTransform ejendom.
eksempel eksempel
Nedenfor er en knap, der skal vises. Følgende illustration viser klappen.
UIElement til at afspejle UIElementet til at vende
Nedenfor er den kode, der opretter knapperne. Følgende viser den kode, der opretter knappen.
<Knapindhold = "Vend mig!" Polstring = "5"> </ knap>
eksempel eksempel
Opret for at vende knappen vandret ScaleTransform og spørg det ScaleX ejendom til værdi -1. For at vende knappen vandret skal du oprette en ScaleTransform og indstil det ScaleX ejendom til -1. At anvende ScaleTransform på knappen RenderTransform ejendom. Anvend ScaleTransform til knapens RenderTransform ejendom.
<Knapindhold = "Vend mig!" Polstring = "5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </ Button.RenderTransform> </ Button>
Knap efter anvendelse af ScaleTransform Knappen efter anvendelse af ScaleTransform
eksempel eksempel
Som det kan ses af den forrige figur, blev knappen reflekteret, men blev også flyttet. Knappen blev vendt, men den blev også flyttet. At knappen blev reflekteret fra øverste venstre hjørne. Det skyldes, at knappen blev vendt fra det øverste venstre hjørne. For at vende en knap på plads skal du anvende ScaleTransform dets centrum, ikke dets hjørne. For at vende knappen på plads, skal du anvende ScaleTransform til midten, ikke til hjørnet. Nem måde at anvende ScaleTransform til midtknapper - tildel knapper RenderTransformOrigin værdi 0,5, 0,5. En nem måde at anvende ScaleTransform knapknapper RenderTransformOrigin ejendom til 0,5, 0,5.
<Knapindhold = "Vend mig!" Polstring = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </ Button.RenderTransform> </ Button>
Knap med værdi 0,5, 0,5 indstillet til rendertransformorigin Knappen med en RenderTransformOrigin på 0,5, 0,5
eksempel eksempel
Angiv for at vende en lodret knap ScaleTransform et objekt Scaley egenskaber i stedet for ham ScaleX ejendom. For at dreje knappen lodret skal du indstille ScaleTransform objektets Scaley ejendom i stedet for dens ScaleX ejendom.
<Knapindhold = "Vend mig!" Polstring = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </ Button.RenderTransform> </ Button>
Lodret reflekteret knap Den lodret vippede knap