8,735
社区成员
发帖
与我相关
我的任务
分享
<Border BorderBrush="Blue" BorderThickness="1" CornerRadius="2,2,2,2" Style="{DynamicResource BorderStyle1}">
<Border.Resources>
<Style x:Key="BorderStyle1" TargetType="{x:Type Border}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderThickness" Value="5"></Setter>
</Trigger>
<Trigger Property="IsMouseOver" Value="False">
<Setter Property="BorderBrush" Value="Red"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Border.Resources>
<StackPanel Width="20" Height="20">
<Image Width="20" Height="20" Source="Images/qzone.png"></Image>
</StackPanel>
</Border>
<Border Width="50" Height="50" Style="{DynamicResource BorderStyle2}">
<Border.Resources>
<Style x:Key="BorderStyle2" TargetType="{x:Type Border}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderBrush" Value="Black"></Setter>
<Setter Property="Background" Value="Green"></Setter>
<Setter Property="BorderThickness" Value="6"></Setter>
</Trigger>
<Trigger Property="IsMouseOver" Value="False">
<Setter Property="BorderBrush" Value="Blue"></Setter>
<Setter Property="Background" Value="Yellow"></Setter>
<Setter Property="BorderThickness" Value="8"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Border.Resources>
</Border>
凡是IsMouseOver触发器中,涉及到的属性,都从<border>标签中,去掉。同时也要定义IsMouseOver的False触发器,否则鼠标放上去的时候还是什么动静都没有。
<Border BorderBrush="Blue" BorderThickness="5" CornerRadius="2,2,2,2" Style="{DynamicResource BorderStyle1}">
<Border.Resources>
<Style x:Key="BorderStyle1" TargetType="{x:Type Border}">
<!--<Setter Property="BorderBrush" Value="Blue" />
<Setter Property="BorderThickness" Value="5" />-->
<!--<Setter Property="Background" Value="Transparent" />-->
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderThickness" Value="5"></Setter>
<Setter Property="BorderBrush" Value="Red"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Border.Resources>
<StackPanel Width="20" Height="20">
<!--<Image Width="20" Height="20" Source="Images/qzone.png"></Image>-->
</StackPanel>
</Border>
<Border x:Name="borderQZone" BorderBrush="Cyan" BorderThickness="0" CornerRadius="2,2,2,2" Width="20" Height="20" Style="{DynamicResource BorderStyle1}" Background="#00000000">
<Border.Resources>
<Style x:Key="BorderStyle1" TargetType="{x:Type Border}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderThickness" Value="5"></Setter>
<Setter Property="BorderBrush" Value="Red"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Border.Resources>
<StackPanel>
<Image x:Name="imgQzone" Width="20" Height="20" Source="Images/qzone.png" MouseLeftButtonDown="imgQzone_MouseLeftButtonDown"/>
</StackPanel>
</Border>