wpf 中关于Image中样式Style的一点总结

第一种写法：

（1）：定义样式

<Style x:Key="imgStyle" TargetType="Image"> ： <!-- TargetType="Image"：表示当前的样式作用到Image对象上-->
<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Inactive}"/>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Active}"/>
</Trigger>
<DataTrigger Binding="{Binding Path=IsPendingAlarmChecked}" Value="True">
<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Active}"/>
</DataTrigger>
</Style.Triggers>
</Style>

2：引用样式

<Image x:Name="img_Red" Margin="20,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Center" Stretch="None" ToolTip="未处理" Style={ StaticResource ResourceKey=imgStyle}/>

第二种写法：

<Image x:Name="img_Red" Margin="20,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Center" Stretch="None" ToolTip="未处理" Cursor="Hand">
<Image.Style>
<Style TargetType="Image">
<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Inactive}"/>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Active}"/>
</Trigger>
<DataTrigger Binding="{Binding Path=IsPendingAlarmChecked}" Value="True">
<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Active}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>

说明如下：

Source的属性值应该为“ImageSource 或 ImageSource的派生子类的实例”

即Value = 应该为“ImageSource 或 ImageSource的派生子类的实例”

Value="{StaticResource ResourceKey=RedLamp_Active}"：把由“RedLamp_Active”关键字所代表的“BitmapImage”实例赋值给Value

<Setter Property="Source" Value="{StaticResource ResourceKey=RedLamp_Active}"/>

Setter：设置器
Property：用来指定“某一个”属性
Value：用来设置“某个”属性的值

{StaticResource ResourceKey=RedLamp_Inactive} : 这个整体表示一个key是“RedLamp_Inactive”的静态资源，在这里，该静态资源是一个BitMapImage实例（该实例可能来自本页面的“Resources”，也可能来自外部的“资源字典”

StaticResource：静态资源只从资源集合中一次获取资源