在定义图像时,此按钮看起来很好(参见屏幕截图),如下所示。请注意,带有字母'T'的盾形图标可以正确显示。
<Button Command="w:MainWindow.BrowseTorrentSite">
<StackPanel>
<Image Source="../icons/kickasstorrent.png" />
</StackPanel>
</Button>
当我想依赖按钮启用状态时,图标会被镜像。
<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>
请注意,带有字母“T”的盾形图标现在已经过镜像。
负责镜像图标的是什么?
如果有人提供以任何可能的方式调试此功能的提示,请随时指出我正确的方向!
答案 0 :(得分:9)
问题出在父StackPanel上。如果StackPanel
从右到左定义FlowDirection
,则Image
定义会继承此属性,从而生成翻转图标。
要解决此问题,请在图像本身上从左到右重新定义。
<StackPanel
Orientation="Horizontal"
FlowDirection="RightToLeft">
<Button>
<Image FlowDirection="LeftToRight">
<Image.Style>
<!-- etc etc -->
</Image.Style>
</Image>
</Button>
</StackPanel>