WPF按钮图标被镜像,为什么?

时间:2014-01-03 19:41:11

标签: wpf xaml button icons

在定义图像时,此按钮看起来很好(参见屏幕截图),如下所示。请注意,带有字母'T'的盾形图标可以正确显示。

<Button Command="w:MainWindow.BrowseTorrentSite">
    <StackPanel>
        <Image Source="../icons/kickasstorrent.png" />
    </StackPanel>
</Button>

enter image description here

当我想依赖按钮启用状态时,图标会被镜像。

<StackPanel 
      Orientation="Horizontal" 
      FlowDirection="RightToLeft">
        <Button 
            x:Name="KatButton" 
            Command="w:MainWindow.BrowseTorrentSite">
            <StackPanel>
                <Image>
                    <Image.Style>
                        <Style TargetType="Image">
                            <Style.Triggers>
                                <DataTrigger
                                    Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}}" 
                                    Value="True">

                                    <Setter Property="Source" Value="../icons/kickasstorrent.png" />
                                </DataTrigger>
                                <DataTrigger 
                                    Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}}" 
                                    Value="False">

                                    <Setter Property="Source" Value="../icons/kickasstorrent_disabled.png" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                </Image>
            </StackPanel>
        </Button>
</StackPanel>

enter image description here

请注意,带有字母“T”的盾形图标现在已经过镜像。

负责镜像图标的是什么?

如果有人提供以任何可能的方式调试此功能的提示,请随时指出我正确的方向!

1 个答案:

答案 0 :(得分:9)

问题出在父StackPanel上。如果StackPanel从右到左定义FlowDirection,则Image定义会继承此属性,从而生成翻转图标。

要解决此问题,请在图像本身上从左到右重新定义。

    <StackPanel 
        Orientation="Horizontal" 
        FlowDirection="RightToLeft">
        <Button>
            <Image FlowDirection="LeftToRight">
                <Image.Style>
                    <!-- etc etc -->
                </Image.Style>
            </Image>
       </Button>
    </StackPanel>