翻转一个元素，但保留里面的文本

Question

我觉得标题很直白。我使用一些自定义控件。我想翻转自定义选项卡控件的选项卡标题。我尝试了一个布局变换(ScaleTransform X = -1)来水平翻转标签头。但显然我不想让里面的文字被镜像。到目前为止我找不到办法。

Answer 1

您可以通过给TabItem一个HeaderTemplate，并在那里应用ScaleTransform来做到这一点:

<TabControl>
  <TabItem Header="Hello, World!">
    <TabItem.LayoutTransform>
      <ScaleTransform ScaleX="-1" />
    </TabItem.LayoutTransform>
    <TabItem.HeaderTemplate>
      <DataTemplate>
        <ContentPresenter Content="{Binding}">
          <ContentPresenter.LayoutTransform>
            <ScaleTransform ScaleX="-1" />
          </ContentPresenter.LayoutTransform>
        </ContentPresenter>
      </DataTemplate>
    </TabItem.HeaderTemplate>
  </TabItem>
</TabControl>