Praktični vodič. Vodoravni ili okomiti odraz objekta UIElement
Ovaj primjer pokazuje kako koristiti ScaleTransform preokrenuti UIElement vodoravno ili okomito. Ovaj primjer pokazuje kako koristiti a ScaleTransform za okretanje a UIElement vodoravno ili okomito. U ovom primjeru dugme upravljanje (raznolikost UIElement ) izmijenjena primjenom ScaleTransform za svoje RenderTransform nekretnine. U ovom primjeru a dugme kontrola (vrsta UIElement ) je okrenut primjenom a ScaleTransform na svoje RenderTransform nekretnine.
primjer je primjer
Ispod se nalazi gumb za prikaz. Sljedeća slika prikazuje klip.
UIElement odražavati UIElement za okretanje
Ispod je kôd koji stvara gumbe. Sljedeće prikazuje kôd koji stvara gumb.
<Sadržaj gumba = "Prebaci me!" Padding = "5"> </font>
primjer je primjer
Da biste gumb okrenuli vodoravno, izradite ScaleTransform i pitajte ScaleX svojstvo vrijednosti -1. Da biste gumb okrenuli vodoravno, napravite ScaleTransform i postavi svoje ScaleX posjed do -1. Za prijavu ScaleTransform na gumb RenderTransform nekretnine. Primjeni ScaleTransform na gumbe RenderTransform nekretnine.
<Sadržaj gumba = "Prebaci me!" Padding = "5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>
Gumb nakon primjene ScaleTransform Gumb nakon primjene ScaleTransform
primjer je primjer
Kao što se može vidjeti iz prethodne slike, gumb se odražavao, ali je i pomaknut. Gumb je bio okrenut, ali je također pomaknut. Da se gumb odrazio od gornjeg lijevog kuta. To je zato što je gumb okrenut iz gornjeg lijevog ugla. Da biste preokrenuli gumb na mjestu, morate se prijaviti ScaleTransform njegovo središte, a ne njegov ugao. Da biste okrenuli gumb na mjestu, želite primijeniti ScaleTransform do njegovog središta, a ne svog ugla. Jednostavan način prijave ScaleTransform tipkama za središte - dodijeliti gumbe RenderTransformOrigin vrijednost 0,5, 0,5. Jednostavan način primjene ScaleTransform tipke gumba RenderTransformOrigin svojstvo na 0,5, 0,5.
<Sadržaj gumba = "Prebaci me!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Gumb.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>
Gumb s vrijednošću 0,5, 0,5 postavljen za rendertransformorigin Gumb s RenderTransformOrigin od 0,5, 0,5
primjer je primjer
Za okretanje okomitog gumba navedite ScaleTransform objekt ScaleY svojstva umjesto njega ScaleX nekretnine. Za okretanje gumba okomito postavite ScaleTransform objekt je ScaleY vlasništvo umjesto njenog ScaleX nekretnine.
<Sadržaj gumba = "Prebaci me!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Gumb.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </Button.RenderTransform> </ Button>
Okomito odbijeni gumb Vertikalno okrenut gumb