ScaleTransform e centerX

Ho il seguente codiceScaleTransform e centerX

<Canvas Width="800" Height="600"> 
    ... 
    <local:UpgradeLandDialog x:Name="upgradeDialog" Canvas.Left="250" Canvas.Top="200" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0"> 
     <local:UpgradeLandDialog.LayoutTransform> 
      <ScaleTransform ScaleX="0" ScaleY="0" CenterX="400" CenterY="300"/> 
     </local:UpgradeLandDialog.LayoutTransform> 
    </local:UpgradeLandDialog> 
</Canvas>

Nel UserControl ho animare la ScaleTranform a 1. Voglio UserControl a "crescere" dal suo centro, ma "cresce" da un angolo in alto a sinistra di esso. I valori in CenterX e CenterY non fanno nulla. Come posso renderlo Scala come voglio?

fonte

2010-05-24 Vasco Correia

Hai trovato qualche soluzione? Ho lo stesso problema. –

Ho trovato la soluzione, uso 'RenderTransform' invece di' LayoutTransform' –

L'uso di 'RenderTransform' invece di' LayoutTransform' non è "la soluzione", è solo una soluzione. Sono responsabili di 2 cose diverse, quindi se sono limitato a usare 'LayoutTransform', non sono aiutato. – KAI

Per farlo crescere dal suo centro, dovrai anche animarne i margini (a metà della velocità con cui animerai la larghezza e l'altezza).

fonte

2010-05-24 15:21:50

Mi sono imbattuto in questo problema non troppo tempo fa. Alla fine ho riposizionato il controllo utente ad ogni aggiornamento del layout per simulare una crescita basata su punti personalizzati.

fonte

2010-05-24 15:22:50

Penso che ci siano modi migliori per farlo. – svick

Come si calcola l'importo necessario per spostare il controllo utente? – FINDarkside

Questo funziona per me. Ho dimenticato qualcosa?

<Rectangle StrokeThickness="1" Stroke="Black" Width="200" Height="200">  
    <Rectangle.RenderTransform> 
    <ScaleTransform 
     ScaleX="{Binding ElementName=slider, Path=Value}" 
     ScaleY="{Binding ElementName=slider, Path=Value}" 
     CenterX ="100" CenterY="100"/> 
    </Rectangle.RenderTransform> 
</Rectangle>

fonte

2010-05-24 15:43:52

È possibile utilizzare RenderTransformOrigin="0.5,0.5" sul controllo che si desidera animare.

fonte

2011-05-20 09:42:48 svick

LayoutTransform e RenderTransform fanno due cose diverse. Se hai bisogno di LayoutTransform, questa non è una soluzione. – denver

È possibile modificare il codice come questo:

<Canvas Width="800" Height="600" RenderTransformOrigin="0.5,0.5"> 
    <local:UpgradeLandDialog x:Name="upgradeDialog" Canvas.Left="250" Canvas.Top="200" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0"> 
     <local:UpgradeLandDialog.LayoutTransform> 
      <ScaleTransform ScaleX="0" ScaleY="0"/> 
     </local:UpgradeLandDialog.LayoutTransform> 
    </local:UpgradeLandDialog> 
</Canvas>

Rimuovere (CenterX="400" CenterY="300") e aggiungere (RenderTransformOrigin="0.5,0.5") alla tela. In questo modo se hai un contenitore con larghezza e altezza dinamiche, può scalare dal centro senza problemi.

fonte

2015-10-17 07:27:33

ScaleTransform e centerX

risposta

Problemi correlati