En praktisk guide. Horisontell eller vertikal reflektion av ett UIElement-objekt

  1. exempel exempel
  2. exempel exempel
  3. exempel exempel
  4. exempel exempel

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
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
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
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
Vertikal reflekterad knapp Den vertikalt vända knappen

Se även Se också