Comment faire une rotation autour du contrôle du centre dans le code XAML

Je veux faire bouton de rotation à 90 degrés, mais il est écrêtée parce qu'il tourne arount (0,0). Comment faire pivoter autour de son centre si je ne sais pas, c'est pas la largeur en pixels (c'est un modèle pour de nombreux boutons)

  • Êtes-vous à l'aide de la RenderTransform ou la LayoutTransform? Un 90 degré LayoutTransform semble fonctionner ok pour moi, même sans en préciser l'origine.
  • Je suis en utilisant LayoutTransform et le bouton est dans Grid avec la largeur de la colonne réglé sur auto. Corriger la rotation ne fonctionne pas de toute façon parce qu'il semble que la grille définit la largeur de la colonne égale à bouton de largeur inseatd de hauteur.
  • Vous pouvez poster votre XAML?
  • trop gros pour poster en commentaire. téléchargé text-upload.com/read.php?id=22752&c=9980825
  • Beaucoup de choses dans votre XAML! Êtes-vous sûr que le LayoutTransform est le problème? Qu'est-ce que le bouton sur le gridsplitter censé faire/show?
  • Ce bouton est censé réduire d'un côté de GridSplitter. Juste essayer de définir la largeur des colonnes de auto à 28 et de jouer avec LayoutTransform

InformationsquelleAutor Poma | 2010-11-09
  1. 48
    <Button ...>
  <Button.LayoutTransform>
    <RotateTransform CenterX="0.5" CenterY="0.5" Angle="90"/>
  </Button.LayoutTransform>
</Button>
    • celui-ci n'a pas fonctionné pour moi sous windows phone 8 .NET 4.5, C# XAML Application. L'un par @FrancescoDeVittori fonctionné bien.
    InformationsquelleAutor Andy
  2. 112

    Vous devez définir le contrôle RenderTransformOrigin à 0.5, 0.5.

    ex.:

    <Button RenderTransformOrigin="0.5, 0.5">
    <RepeatButton.RenderTransform>
        <RotateTransform Angle="90"/>
    </RepeatButton.RenderTransform>
</RepeatButton>
    • Celui-ci fonctionne pour moi, si l'on a accepté la réponse ne l'est pas. Peut-être il y a une différence ici entre RenderTransform et LayoutTransform?
    • Oui cela fonctionne pour moi aussi, pas accepté de répondre.
    • LayoutTransform de la accepté de répondre à des changements tout autour de l'élément, je suis en train de tourner. réglage de la RenderTransformOrigin et à l'aide de RenderTransform de l'excellent travail, merci!
    • marque ce comme réponse
    • J'ai eu un problème avec cette solution, car elle tourné, mais a gardé la mise en page originale de l'espacement. Le LayoutTransform solution (solution retenue) calculée correctement l'espace de l'élément.
    • Ce doit être la accepté de répondre à
    • C'EST la réponse. S'il vous plaît pouvez l'auteur de l'examen!
    • Cela fonctionne pour UWP apps alors que l'on a accepté la réponse ne l'est pas.

    InformationsquelleAutor Francesco De Vittori
  3. 2

    Ma compréhension est que l'origine n'est pas en rapport avec un LayoutTransform.

    MSDN dit:

    Définition d'une transformation fournit de puissantes capacités de mise à l'échelle et
    de la rotation. Cependant, LayoutTransform ignore TranslateTransform
    les opérations. C'est parce que le système de mise en page le comportement de l'enfant
    éléments d'une FrameworkElement auto-corrige d'éventuelles compensations à l'
    la position de l'échelle ou de rotation de l'élément dans la mise en page et de coordonner les
    système de l'élément parent.

    et les "correctement" tourne le bouton.

    <Grid ShowGridLines="True">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition Width="Auto"></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Button Grid.Row="1" Grid.Column="1">Excessively Long Button Still Ok
        <Button.LayoutTransform>
            <RotateTransform Angle="90" />
        </Button.LayoutTransform>
    </Button>
</Grid>
    InformationsquelleAutor grantnz