Windows 8 Windows应用商店应用程序:更改指针上方GridViewItem的背景
我有一个绑定到以下模型的gridviewWindows 8 Windows应用商店应用程序:更改指针上方GridViewItem的背景,windows-8,windows-runtime,windows-store-apps,winrt-xaml,Windows 8,Windows Runtime,Windows Store Apps,Winrt Xaml,我有一个绑定到以下模型的gridview class Item { string Title; string ImagePath string ImagePathPressed; } 其中,ImagePath和ImagePathPressed是指向应用程序内图像的路径 现在,我希望我的网格视图项在鼠标从ImagePath中的值移到ImagePath中的值时更改其背景 如何实现这一点?如果将这些变量作为属性,并在类上实现INotifyPropert
class Item
{
string Title;
string ImagePath
string ImagePathPressed;
}
其中,ImagePath和ImagePathPressed是指向应用程序内图像的路径
现在,我希望我的网格视图项在鼠标从ImagePath中的值移到ImagePath中的值时更改其背景
如何实现这一点?如果将这些变量作为属性,并在类上实现INotifyPropertyChanged,效果会更好。在gridView的mouseOver事件中,将ImagePath更改为ImagePathPressed,它将反映ImagePath中的更改。我认为在你的mouseOver事件中,你可以得到鼠标指针所在的项目 遵循此链接获取实现GridViewItem样式的指南 您应该将类成员实现为可绑定属性,然后将指针覆盖状态实现为上面链接中的指南。 我建议您创建两个图像(一个用于正常状态,另一个用于悬停状态) 例如:
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="GridViewItem">
<Border x:Name="OuterContainer">
<Grid>
<Image x:Name="NormalImage" Source="{Binding ImagePath}"/>
<Image x:Name="PressImage" Source="{Binding ImagePathPressed}" Opacity="0"/>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="PointerOver">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="PressImage"
Storyboard.TargetProperty="Opacity"
Duration="0"
To="1" />
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">...
...
好的,我知道了
我实现了如下控制模板:
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="GridViewItem">
<Border x:Name="OuterContainer" Tag={Binding}>
<Border.Resources>
<!-- Define brush resources for both states-->
<ImageBrush x:Key="MouseOverBrush" ImageSource="{Binding Tag.ImagePathPressed, ElementName=OuterContainer}" Stretch="None" />
<ImageBrush x:Key="DefaultBrush" ImageSource="{Binding Tag.ImagePath, ElementName=OuterContainer}" Stretch="None" />
</Border.Resources>
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="PointerOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ReorderHintContent" >
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource MouseOverBrush}" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
.
.
.
<Grid x:Name="ReorderHintContent" Tag="{Binding}" DataContext="{Binding}" >
<Grid.Background>
<!-- Default background-->
<ImageBrush x:Name="BGBrush" ImageSource="{Binding Tag.ImagePath, ElementName=ReorderHintContent}" Stretch="None" Opacity="0" />
</Grid.Background>
.
.
.
我必须为边框和网格设置标记,以便访问模型的属性谢谢,我是用类似的方法做的,请检查我上面的答案