翻转 UIElement 但保留内部文本不翻转

【问题标题】：Flip a UIElement but preserve text inside from flipping翻转 UIElement 但保留内部文本不翻转
【发布时间】：2011-08-03 13:28:32
【问题描述】：

我认为标题很简单。我正在使用一些自定义控件。我想翻转自定义选项卡控件的选项卡标题。我尝试了布局转换（ScaleTransform X = -1）来水平翻转选项卡标题。但显然我希望里面的文字不被镜像。到目前为止我找不到路。

【问题讨论】：

标签： wpf flip uielement layouttransform

【解决方案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>

【讨论】：