Можно ли использовать VisualStateManager для применения поведения при наведении к сетке XAML? - PullRequest
Новая
       97

Можно ли использовать VisualStateManager для применения поведения при наведении к сетке XAML?

0 голосов
/ 12 мая 2018

У меня есть страница XAML UWP, которая определяет GridView. Отдельные элементы 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, а затем в своем коде я могу установить свойство background, но это похоже на то, для чего предназначен VisualStateManager.

Однако я не могу понять, как заставить VisualStateManager работать для этого. Если я определяю визуальные состояния в XAML, то я предполагаю, что я все равно буду подключаться к событиям PointerEntered и PointerExited в Grid, но в моем коде я бы вызвал GoToState для переключения состояний. Однако я не знаю, как сказать GoToState, какой элемент в дереве XAML должен изменить свое визуальное состояние. Я бы подумал, что просто передал бы элемент наведенной сетки первому параметру GoToState (он передается мне как «отправитель» в моем событии PointerEntered) - за исключением того, что я не могу, потому что первый параметр GoToState - это Control и Сетка не вытекает из контроля.

1 Ответ

0 голосов
/ 14 мая 2018

По вашему требованию вы можете использовать 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>
...