Практичен водич. Хоризонтална или вертикална рефлексија на предмет UIElement
Овој пример покажува како да се користи СкалаTransform преврти Убедливост хоризонтално или вертикално. Овој пример покажува како да се користи a СкалаTransform да флип а Убедливост хоризонтално или вертикално. Во овој пример Копче управување (разновидност) Убедливост ) сменети со примена СкалаTransform за неговиот Рендертрансформ имот Во овој пример, а Копче контрола (еден вид на Убедливост ) се превртува со примена на а СкалаTransform до нејзините Рендертрансформ имот.
Пример
Подолу е копче за прикажување. Следната илустрација го покажува превртот.
Поврзаност да се рефлектира UIElement за превртување
Подолу е кодот што ги создава копчињата. Следното го покажува кодот што го создава копчето.
<Копче за содржина = "Превртете ме!" Подлога = "5"> </ Копче>
Пример
За да го превртите копчето хоризонтално, креирајте СкалаTransform и прашај го ScaleX својство на вредност -1. За да го превртите копчето хоризонтално, креирајте го СкалаTransform и постави го ScaleX имот на -1. Да аплицираат СкалаTransform на копчето Рендертрансформ имот Примени го СкалаTransform до копчето Рендертрансформ имот.
<Копче за содржина = "Превртете ме!" Padding = "5"> <Копче.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </ Button.RenderTransform> </ Button>
Копче по примената на ScaleTransform копчето по примената на ScaleTransform
Пример
Како што може да се види од претходната слика, копчето се рефлектираше, но и беше преместено. Копчето беше превртено, но исто така беше преместено. Дека копчето се рефлектираше од горниот лев агол. Тоа е затоа што копчето беше превртено од горниот лев агол. За да превртите копче во место, мора да аплицирате СкалаTransform неговиот центар, а не неговиот агол. За да го превртите копчето во место, сакате да го примените СкалаTransform кон неговиот центар, а не неговиот агол. Лесен начин за аплицирање СкалаTransform до центарот на копчињата - доделете ги копчињата RenderTransformOrigin вредност 0,5, 0,5. Лесен начин за примена на СкалаTransform копчиња за копчиња RenderTransformOrigin имот на 0,5, 0,5.
<Копче за содржина = "Превртете ме!" Подлога = "5" RenderTransformOrigin = "0.5,0.5"> <Копче.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>
Копче со вредност 0,5, 0,5 наместено за рентрансформаторин Копчето со RenderTransformOrigin од 0,5, 0,5
Пример
За да превртите вертикално копче, наведете СкалаTransform предмет Скали својства наместо него ScaleX имот За да го превртите копчето вертикално, поставете го СкалаTransform предметот Скали имот наместо својот ScaleX имот.
<Копче за содржина = "Превртете ме!" Подлога = "5" RenderTransformOrigin = "0.5,0.5"> <Копче.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </Button.RenderTransform> </ Button>
Вертикално рефлектирано копче Вертикално превртено копче