Um guia prático Reflexo horizontal ou vertical de um objeto UIElement

  1. Exemplo
  2. Exemplo
  3. Exemplo
  4. Exemplo

Este exemplo mostra como usar ScaleTransform virar Uielement horizontalmente ou verticalmente. Este exemplo mostra como usar um ScaleTransform para virar um Uielement horizontalmente ou verticalmente. Neste exemplo Botão gestão (variedade Uielement ) alterado pela aplicação ScaleTransform para o seu Renderização de renderização propriedade Neste exemplo, um Botão controle (um tipo de Uielement ) é invertido através da aplicação de ScaleTransform ao seu Renderização de renderização propriedade.

Exemplo

Abaixo está um botão para exibir. A ilustração a seguir mostra o flip.

UIElement para refletir o UIElement para virar
UIElement para refletir o UIElement para virar

Abaixo está o código que cria os botões. A seguir mostra o código que cria o botão.

<Button Content = "Vire-me!" Padding = "5"> </ Button>

Exemplo

Para virar o botão horizontalmente, crie ScaleTransform e pergunte ScaleX propriedade para valor -1. Para virar o botão horizontalmente, crie um ScaleTransform e definir o seu ScaleX propriedade para -1. Aplicar ScaleTransform no botão Renderização de renderização propriedade Aplique o ScaleTransform para o botão Renderização de renderização propriedade.

<Button Content = "Vire-me!" Preenchimento = "5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>

Botão após aplicar o ScaleTransform O botão depois de aplicar o ScaleTransform
Botão após aplicar o ScaleTransform O botão depois de aplicar o ScaleTransform

Exemplo

Como pode ser visto na figura anterior, o botão foi refletido, mas também foi movido. O botão foi virado, mas também foi movido. Que o botão foi refletido no canto superior esquerdo. Isso porque o botão foi virado do canto superior esquerdo. Para virar um botão no lugar, você deve aplicar ScaleTransform seu centro, não seu canto. Para virar o botão no lugar, você deseja aplicar o ScaleTransform para o seu centro, não o seu canto. Maneira fácil de aplicar ScaleTransform para centralizar botões - atribuir botões RenderTransformOrigin valor 0,5, 0,5. Uma maneira fácil de aplicar o ScaleTransform botões de botão RenderTransformOrigin propriedade para 0,5, 0,5.

<Button Content = "Vire-me!" Preenchimento = "5" RenderTransformOrigin = "0.5.0.5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>

Botão com valor 0,5, 0,5 definido para rendertransformorigin O botão com um RenderTransformOrigin de 0,5, 0,5
Botão com valor 0,5, 0,5 definido para rendertransformorigin O botão com um RenderTransformOrigin de 0,5, 0,5

Exemplo

Para inverter um botão vertical, especifique ScaleTransform um objeto Scaley propriedades em vez dele ScaleX propriedade Para inverter o botão verticalmente, defina ScaleTransform Objeto Scaley propriedade em vez de sua ScaleX propriedade.

<Button Content = "Vire-me!" Preenchimento = "5" RenderTransformOrigin = "0.5.0.5"> <Button.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </ Button.RenderTransform> </ Button>

Botão refletido verticalmente O botão verticalmente invertido
Botão refletido verticalmente O botão verticalmente invertido

Veja também Veja também