Как сделать вращение вокруг центра управления в XAML

Question

Я хочу повернуть кнопку на 90 градусов, но она обрезается, потому что она вращается вокруг (0,0). Как заставить его вращаться вокруг центра, если я не знаю, что это не ширина в пикселях (это шаблон для многих кнопок)

Answer 1

Необходимо установить RenderTransformOrigin элемента управления на 0,5, 0,5.

например:.

<Button RenderTransformOrigin="0.5, 0.5">
    <RepeatButton.RenderTransform>
        <RotateTransform Angle="90"/>
    </RepeatButton.RenderTransform>
</RepeatButton>

Answer 2

<Button ...>
  <Button.LayoutTransform>
    <RotateTransform CenterX="0.5" CenterY="0.5" Angle="90"/>
  </Button.LayoutTransform>
</Button>

Answer 3

Насколько я понимаю, происхождение не имеет отношения к LayoutTransform.

MSDN говорит:

Настройка преобразования обеспечивает мощные возможности масштабирования и вращение. Однако LayoutTransform игнорирует TranslateTransform операции. Это потому, что система макета поведения для ребенка элементы FrameworkElement автоматически исправляет любые смещения в положение масштабированного или повернутого элемента в макете и координаты Система родительского элемента.

и следующее «правильно» вращает кнопку.

<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>