Ez a példa bemutatja, hogyan kell használni ScaleTransform fordítsd át UIElement vízszintesen vagy függőlegesen. Ez a példa bemutatja, hogyan kell használni a ScaleTransform megfordítani a UIElement vízszintesen vagy függőlegesen. Ebben a példában gomb menedzsment (fajta UIElement ) alkalmazásával megváltozott ScaleTransform az ő számára RenderTransform tulajdon. Ebben a példában a gomb vezérlés (egy típusa) UIElement ) megfordul a ScaleTransform annak RenderTransform tulajdon.
például példa
Az alábbiakban egy gomb jelenik meg. Az alábbi ábra a flip-et ábrázolja.
UIElement, hogy tükrözze az UIElement, hogy megforduljon
Az alábbiakban látható a gombok létrehozására szolgáló kód. Az alábbiakban bemutatjuk a gombot létrehozó kódot.
<Button Content = "Fordítson!" Padding = "5"> </ Button>
például példa
A gomb vízszintes elfordításához hozzon létre ScaleTransform és kérdezd meg scaleX tulajdonság értéke -1. A gomb vízszintes elfordításához hozzon létre egy a ScaleTransform és állítsa be scaleX tulajdonság -1-ig. Jelentkezés ScaleTransform a gombra RenderTransform tulajdon. Alkalmazza a ScaleTransform a gombhoz RenderTransform tulajdon.
<Button Content = "Fordítson!" Padding = "5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>
Gomb a ScaleTransform alkalmazása után A gomb a ScaleTransform alkalmazása után
például példa
Amint az az előző ábrából látható, a gomb visszatükröződött, de mozgatva is volt. A gombot megfordították, de azt is mozgatta. Hogy a gomb tükröződött a bal felső sarokban. Ennek oka az volt, hogy a gombot a bal felső sarokban fordították. Ahhoz, hogy egy gombot elmozdítson a helyén, jelentkeznie kell ScaleTransform a központja, nem a sarka. A gomb helyes megfordításához használja a ScaleTransform a középpontjába, nem pedig a sarkába. Könnyű alkalmazás ScaleTransform középső gombokhoz - gombok hozzárendelése RenderTransformOrigin érték 0,5, 0,5. Egyszerű módszer a ScaleTransform gomb gombok RenderTransformOrigin tulajdonság 0,5, 0,5.
<Button Content = "Fordítson!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </ Button.RenderTransform> </ Button>
A 0.5, 0.5 értékű gomb a rendertransformoriginhez van beállítva A gomb a RenderTransformOrigin értékéhez 0.5, 0.5
például példa
Függőleges gomb elforgatásához adja meg ScaleTransform egy tárgy scaleY ingatlanok helyett scaleX tulajdon. A gomb függőleges megfordításához állítsa be a ScaleTransform objektum scaleY tulajdon helyett scaleX tulajdon.
<Button Content = "Fordítson!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </ Button.RenderTransform> </ Button>
Függőlegesen visszavert gomb A függőlegesen tükrözött gomb