Mahapps Metro - Expander：将 LayoutTrasform 应用到标题更改样式

Question

在使用

Mahapps Metro

的 WPF 应用程序中，我想在右侧使用

Expander

。 为了防止 Expander 在折叠时占用太多空间，我想对其标题应用layoutTrasform。

不进行任何旋转：

        <Expander
            DockPanel.Dock="Right"
            ExpandDirection="Right">
            <Expander.Header>        
                    Options
            </Expander.Header>

扩展器如下所示：

应用旋转：

<Expander
            DockPanel.Dock="Right"
            ExpandDirection="Right">
            <Expander.Header>
                <TextBlock>
                    <TextBlock.LayoutTransform>
                        <RotateTransform Angle="90" />
                    </TextBlock.LayoutTransform>
                    Options
                </TextBlock>
            </Expander.Header>

标题样式更改为：

如何应用旋转，保持正确的标题样式？

Answer 1

只需使用 DataTemplate 作为

HeaderTemplate

属性，而不是将此内容设置为

Header

属性。

<Expander Header="Options"
          DockPanel.Dock="Right"
          ExpandDirection="Right">
    <Expander.HeaderTemplate>
        <DataTemplate>
            <TextBlock HorizontalAlignment="Center"
                       Text="{Binding}">
                <TextBlock.LayoutTransform>
                    <RotateTransform Angle="90" />
                </TextBlock.LayoutTransform>
            </TextBlock>
        </DataTemplate>
    </Expander.HeaderTemplate>
</Expander>