En praktisk guide. Horisontell eller vertikal reflektion av ett UIElement-objekt
Detta exempel visar hur du använder ScaleTransform vända UIElement horisontellt eller vertikalt. Detta exempel visar hur man använder a ScaleTransform att vända a UIElement horisontellt eller vertikalt. I det här exemplet knapp ledning (variation UIElement ) ändras genom att ansöka ScaleTransform för hans RenderTransform egendom. I det här exemplet, a knapp kontroll (en typ av UIElement ) vänds genom att applicera en ScaleTransform till dess RenderTransform egendom.
exempel exempel
Nedan visas en knapp för att visa. Följande bild visar vändningen.
UIElement för att återspegla UIElementet att vända
Nedan visas koden som skapar knapparna. Följande visar koden som skapar knappen.
<Knappinnehåll = "Vänd mig!" Polstring = "5"> </ Knapp>
exempel exempel
Skapa för att vända knappen horisontellt ScaleTransform och fråga det scaleX fastighet till värde -1. För att vända knappen horisontellt, skapa en ScaleTransform och ställa in dess scaleX fastighet till -1. Att ansöka ScaleTransform på knappen RenderTransform egendom. Applicera ScaleTransform till knappens RenderTransform egendom.
<Knappinnehåll = "Vänd mig!" Padding = "5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </ Button.RenderTransform> </ Button>
Knapp efter applicering av ScaleTransform Knappen efter applicering av ScaleTransform
exempel exempel
Som framgår av föregående figur reflekterades knappen men flyttades också. Knappen vändes men flyttades också. Att knappen reflekterades från det övre vänstra hörnet. Det beror på att knappen vändes från det övre vänstra hörnet. För att vända en knapp på plats måste du ansöka ScaleTransform dess centrum, inte dess hörn. Om du vill vända knappen på plats vill du använda ScaleTransform till sitt centrum, inte till sitt hörn. Enkelt sätt att applicera ScaleTransform till mittknappar - tilldela knappar RenderTransformOrigin värde 0,5, 0,5. Ett enkelt sätt att tillämpa ScaleTransform knappknappar RenderTransformOrigin fastighet till 0,5, 0,5.
<Knappinnehåll = "Vänd mig!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </ Button.RenderTransform> </ Button>
Knapp med värde 0,5, 0,5 inställt för rendertransformorigin Knappen med en RenderTransformOrigin på 0,5, 0,5
exempel exempel
Om du vill vända en vertikal knapp anger du ScaleTransform ett objekt scaley egenskaper istället för honom scaleX egendom. För att vända knappen vertikalt, ställ in ScaleTransform objektets scaley egendom istället för dess scaleX egendom.
<Knappinnehåll = "Vänd mig!" Polstring = "5" RenderTransformOrigin = "0.5,0.5"> <Knapp.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </ Button.RenderTransform> </ Button>
Vertikal reflekterad knapp Den vertikalt vända knappen