您可以使用 VisualStateManager 将悬停行为应用于 XAML 网格吗？

Question

我有一个定义 GridView 的 UWP XAML 页面。各个 GridView 项都是一个网格。像这样：

    <GridView Name="TheGridView" ItemsSource="{x:Bind stuff}">

        <GridView.ItemTemplate>
            <DataTemplate x:DataType="more stuff">
                <Grid Background="{StaticResource TheBlackColor}">

                    ...stuff here...                    

                </Grid>
            </DataTemplate>
        </GridView.ItemTemplate>

   </GridView>

我想在鼠标悬停在某个项目上时更改该项目的网格背景颜色（从 TheBlackColor 更改为其他颜色）。我知道我可以将 PointerEntered 和 PointerExited 事件放在 Grid 上，然后在我后面的代码中我可以设置背景属性，但这似乎是 VisualStateManager 的用途。

但是，我不太清楚如何让 VisualStateManager 为此工作。如果我在 XAML 中定义视觉状态，那么我假设我仍然会连接到 Grid 上的 PointerEntered 和 PointerExited 事件，但在我后面的代码中我会调用 GoToState 来切换状态。但是，我不知道如何告诉 GoToState XAML 树中的哪个项目需要更改其视觉状态。我认为我只是将悬停的网格项传递给 GoToState 的第一个参数（它在我的 PointerEntered 事件中作为 'sender' 提供给我）——除非我不能，因为 GoToState 的第一个参数是Control 和 Grid 不是从 Control 派生的。

Answer 1

根据您的要求，您可以使用XAML Behaviors来实现此功能。请参考以下代码。

<Page
    x:Class="VisualStateTest.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:VisualStateTest"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
    xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
    xmlns:Media="using:Microsoft.Xaml.Interactions.Media"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
        <Interactivity:Interaction.Behaviors>
            <Core:EventTriggerBehavior EventName="PointerEntered">
                <Core:ChangePropertyAction PropertyName="Background">
                    <Core:ChangePropertyAction.Value>
                        <SolidColorBrush Color="Red"/>
                    </Core:ChangePropertyAction.Value>
                </Core:ChangePropertyAction>
            </Core:EventTriggerBehavior>
        </Interactivity:Interaction.Behaviors>
    </Grid>
</Page>

您可以使用 VisualStateManager 将悬停行为应用于 XAML 网格吗？

Can you use VisualStateManager to apply hover behaviors to XAML grid?

c#

visualstatemanager

winrt-xaml

windows-store-apps

uwp-xaml