GridView 的 DataTemplate 中的焦点控制

Question

我有一个 GridView，它使用 DataTemplate 来提供 UI，因此用户可以管理对数据服务的订阅。 DataTemplate 包含文本和图像，还有一个 Button 和一个 ToggleButton。在移动和桌面上使用它，用户可以点击或单击控件内的按钮。在桌面上，您甚至可以在控件内使用 Tab 键和 select 按钮。但是在 Xbox 上我只能专注于每个 DataTemplate 项目，我无法让它专注于里面的按钮，有没有在 Xbox 上启用鼠标模式的情况下解决这个问题的方法？

<DataTemplate x:Key="DataTemplate1">
        <Grid Background="#33FFFFFF">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Image HorizontalAlignment="Center" Height="100" VerticalAlignment="Center" Width="80" Source="{Binding TEAMID, Converter={StaticResource uriConverter}}" Grid.RowSpan="3"/>
            <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="{Binding TEAMNAME}" VerticalAlignment="Top" Grid.Column="1"/>
            <Button Content="Unsubscribe" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.Column="1" Tag="{Binding TEAMID}" Tapped="Button_Tapped"/>
            <ToggleButton x:Name="subscribe_tb" Content="&#xE840;" HorizontalAlignment="Center" FontFamily="Segoe MDL2 Assets" Tag="{Binding TEAMID}" IsChecked="{Binding isPinned}" Grid.Row="3" Grid.Column="1" Unchecked="subscribe_tb_Unchecked" Checked="subscribe_tb_Checked"/>
        </Grid>
</DataTemplate>

Answer 1

通过更改 GridView.ItemContainerStyle 的样式解决：

<GridView.ItemContainerStyle>
                <Style TargetType="GridViewItem">
                    <Setter Property="IsFocusEngagementEnabled" Value="True"/>
                    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                </Style>
</GridView.ItemContainerStyle>

GridView 的 DataTemplate 中的焦点控制

Focus control within DataTemplate of GridView

xaml

gridview

uwp

uwp-xaml

xbox-one