使用mahapps.metro圖標，datatrigger

Question

風格我想數據觸發上的圖標，但我不能找出如何做到這一點:(我想這個代碼baut是行不通任何一個可以幫助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和簡單的變化Rectangle的Fill財產。

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

希望這有助於。