mahapps.metro使用带有datatrigger的图标样式

Question

我想在一个图标上触发数据，但是我无法找到如何做到这一点:(我试过这个代码但不起作用可以帮助pleaaaase吗？

<Style x:Key="ConnectionIcon" TargetType="{x:Type Rectangle}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=ConnectionStatus}" Value="True">
                    <Setter Property="Resources">
                        <Setter.Value>
                            <SolidColorBrush Color="Green" />
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Fill">
                        <Setter.Value>
                            <VisualBrush Stretch="Fill" Visual="{StaticResource appbar_disconnect}" />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=ConnectionStatus}" Value="False">
                    <Setter Property="Resources">
                        <Setter.Value>
                            <SolidColorBrush Color="Red" />
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Fill">
                        <Setter.Value>
                            <VisualBrush Stretch="Fill" Visual="{StaticResource appbar_connect}" />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>

Answer 1

使用OpacityMask并简单更改Fill的{​​{1}}属性，这是一个小技巧。

Rectangle

希望这有帮助。