Interaction.Behaviors 在 SplitView 中不起作用？

Question

我的 XAML 页面使用 SplitView。在 SplitView 内，触发器行为不起作用。

例如：

<SplitView.Content>
 <Grid>
  <Button x:Name="Button">
    <Interactivity:Interaction.Behaviors>
      <Core:EventTriggerBehavior EventName="Click" >
         <Core:GoToStateAction StateName="SplitViewState />
      </Core:EventTriggerBehavior>
    </Interactivity:Interaction.Behaviors>
  </Button>

 </Grid>
</SplitView.Content>

单击按钮时，没有任何反应。它适用于 SplitView.

之外的元素

Answer 1

我猜你错过了设置 TargetObject 值。

<Button Content="click me"
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
    <I:Interaction.Behaviors>
        <Core:EventTriggerBehavior EventName="Click" >
            <Core:GoToStateAction TargetObject="{Binding ElementName=MySplitView}"
                                  StateName="OpenOverlayLeft"/>
        </Core:EventTriggerBehavior>
    </I:Interaction.Behaviors>
</Button>

已更新

查看位于 SplitView.Content、SplitView.Pane 和外部的 4 个按钮的行为。一切都很好。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <SplitView x:Name="MySplitView"
               PaneBackground="Gray"
               DisplayMode="CompactOverlay"
               IsPaneOpen="True"
               CompactPaneLength="50"
               OpenPaneLength="280">
        <SplitView.Pane>
            <Grid>
                <Button Content="close inside"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center">
                    <i:Interaction.Behaviors>
                        <core:EventTriggerBehavior EventName="Click" >
                            <core:GoToStateAction TargetObject="{Binding ElementName=MySplitView}"
                                                  StateName="Closed"/>
                        </core:EventTriggerBehavior>
                    </i:Interaction.Behaviors>
                </Button>
            </Grid>
        </SplitView.Pane>

        <SplitView.Content>
            <Grid>
                <Button Content="open inside"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center">
                    <i:Interaction.Behaviors>
                        <core:EventTriggerBehavior EventName="Click">
                            <core:GoToStateAction TargetObject="{Binding ElementName=MySplitView}"
                                                  StateName="OpenOverlayLeft"/>
                        </core:EventTriggerBehavior>
                    </i:Interaction.Behaviors>
                </Button>
            </Grid>
        </SplitView.Content>

    </SplitView>

    <Grid Grid.Column="1"
          Background="Aquamarine">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Button Content="open outside"
                HorizontalAlignment="Center"
                VerticalAlignment="Center">
            <i:Interaction.Behaviors>
                <core:EventTriggerBehavior EventName="Click">
                    <core:GoToStateAction TargetObject="{Binding ElementName=MySplitView}"
                                          StateName="OpenOverlayLeft"/>
                </core:EventTriggerBehavior>
            </i:Interaction.Behaviors>
        </Button>

        <Button Content="close outside"
                Grid.Column="1"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center">
            <i:Interaction.Behaviors>
                <core:EventTriggerBehavior EventName="Click" >
                    <core:GoToStateAction TargetObject="{Binding ElementName=MySplitView}"
                                          StateName="Closed"/>
                </core:EventTriggerBehavior>
            </i:Interaction.Behaviors>
        </Button>
    </Grid>
</Grid>

看看它是如何工作的：

Interaction.Behaviors 在 SplitView 中不起作用？

Interaction.Behaviors does not work in SplitView?

winrt-xaml

windows-10-universal

template10