CODEWITHSUNDEEP
c#uwpuwp-xamlxbox
bex
bex

Reputation: 15

Why XYFocus working incorrect for xbox uwp app?

I create uwp app for xbox and I try set navigation order using XYFocus property, for navigation using gamepad. But it`s work incorrect.

When I try navigate btn2->btn1, tabviewitem2 got focus. Or when I try navigate btn3->btn2, tabviewitem3 got focus.

https://i.sstatic.net/E708C.jpg

Simplified code:


<Grid x:Name="RootElement">
    <uicontrols:TabView x:Name="TabView">
        <uicontrols:TabViewItem Header="1"></uicontrols:TabViewItem>
        <uicontrols:TabViewItem Header="2">
            <Grid>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>

                    <Button x:Name="btn1" 
                                        Grid.Column="0" 
                                        Content="1" 
                                        XYFocusRight="{x:Bind btn2}"
                                        XYFocusRightNavigationStrategy="Projection"/>
                    <Button x:Name="btn2" 
                                        Grid.Column="1" 
                                        Content="2"
                                        XYFocusLeft="{x:Bind btn1}"
                                        XYFocusRight="{x:Bind btn3}"
                                        XYFocusLeftNavigationStrategy="Projection"
                                        XYFocusRightNavigationStrategy="Projection"/>
                    <Button x:Name="btn3" 
                                        Grid.Column="2" 
                                        Content="3"
                                        XYFocusLeft="{x:Bind btn2}"
                                        XYFocusDown="{x:Bind lv}"
                                        XYFocusRight="{x:Bind lv}"
                                        XYFocusLeftNavigationStrategy="Projection"
                                        XYFocusDownNavigationStrategy="Projection"/>                     
                </Grid>

                <ListView x:Name="lv"></ListView>
            </Grid>
        </uicontrols:TabViewItem>
        <uicontrols:TabViewItem Header="3"></uicontrols:TabViewItem>
        <uicontrols:TabViewItem Header="4"></uicontrols:TabViewItem>
    </uicontrols:TabView>
</Grid>```

Upvotes: 0

Views: 103

Answers (1)

bex
bex

Reputation: 15

I solve my problem. I use TabView from Microsoft.UI.Xaml 2.7.0 instead Microsoft.Toolkit.Uwp.UI.Controls. Maybe its bug in Toolkit library for TabView.

Upvotes: 1

Related Questions