Una guida pratica Riflessione orizzontale o verticale di un oggetto UIElement

  1. esempio esempio
  2. esempio esempio
  3. esempio esempio
  4. esempio esempio

Questo esempio mostra come usare ScaleTransform girare UIElement in orizzontale o in verticale. Questo esempio mostra come usare a ScaleTransform capovolgere a UIElement in orizzontale o in verticale. In questo esempio pulsante gestione (varietà UIElement ) modificato applicando ScaleTransform per il suo RenderTransform proprietà. In questo esempio, a pulsante controllo (un tipo di UIElement ) viene capovolto applicando a ScaleTransform al suo RenderTransform proprietà.

esempio esempio

Di seguito è riportato un pulsante da visualizzare. La seguente illustrazione mostra il flip.

UIElement per riflettere l'UIElement da capovolgere
UIElement per riflettere l'UIElement da capovolgere

Di seguito è riportato il codice che crea i pulsanti. Quanto segue mostra il codice che crea il pulsante.

<Button Content = "Flip me!" Padding = "5"> </ Button>

esempio esempio

Per capovolgere il pulsante in orizzontale, creare ScaleTransform e chiedilo ScaleX proprietà al valore -1. Per capovolgere il pulsante in orizzontale, creare a ScaleTransform e impostare il suo ScaleX proprietà a -1. Per applicare ScaleTransform sul pulsante RenderTransform proprietà. Applica il ScaleTransform al pulsante RenderTransform proprietà.

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

Pulsante dopo l'applicazione di ScaleTransform Pulsante dopo l'applicazione di ScaleTransform
Pulsante dopo l'applicazione di ScaleTransform Pulsante dopo l'applicazione di ScaleTransform

esempio esempio

Come si può vedere dalla figura precedente, il pulsante è stato riflesso, ma è stato anche spostato. Il pulsante è stato girato, ma è stato anche spostato. Che il pulsante si riflettesse nell'angolo in alto a sinistra. Questo perché il pulsante è stato girato dal suo angolo in alto a sinistra. Per capovolgere un pulsante, è necessario applicare ScaleTransform il suo centro, non il suo angolo. Per capovolgere il pulsante in posizione, si desidera applicare il ScaleTransform al suo centro, non al suo angolo. Modo semplice per applicare ScaleTransform centrare i pulsanti: assegnare i pulsanti RenderTransformOrigin valore 0,5, 0,5. Un modo semplice per applicare il ScaleTransform pulsanti RenderTransformOrigin proprietà a 0,5, 0,5.

<Button Content = "Flip me!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleX = "- 1" /> </Button.RenderTransform> </ Button>

Pulsante con valore 0,5, 0,5 impostato per rendertransformorigin Il pulsante con un RenderTransformOrigin di 0,5, 0,5
Pulsante con valore 0,5, 0,5 impostato per rendertransformorigin Il pulsante con un RenderTransformOrigin di 0,5, 0,5

esempio esempio

Per capovolgere un pulsante verticale, specificare ScaleTransform un oggetto ScaleY proprietà invece di lui ScaleX proprietà. Per capovolgere il pulsante in verticale, impostare il ScaleTransform oggetto di ScaleY proprietà anziché la sua ScaleX proprietà.

<Button Content = "Flip me!" Padding = "5" RenderTransformOrigin = "0.5,0.5"> <Button.RenderTransform> <ScaleTransform ScaleY = "- 1" /> </Button.RenderTransform> </ Button>

Pulsante riflesso verticalmente Pulsante capovolto verticalmente
Pulsante riflesso verticalmente Pulsante capovolto verticalmente

Vedi anche Vedi anche