uwp xaml splitView 连续分组项目？

Question

又是我:(, 我有另一个问题。我从这个站点测试了基本的 splitView：splitView.

每一行都是一个按钮和一个文本块。但只有按钮是clickable/selectable。我必须更改什么才能选择完整的行？我想要整行的背景颜色。像这样：

<SplitView x:Name="MySplitView" DisplayMode="CompactOverlay"  IsPaneOpen="False" 
           CompactPaneLength="50" OpenPaneLength="150">
    <SplitView.Pane>
        <StackPanel Background="Gray">
            <Button x:Name="HamburgerButton" FontFamily="Segoe MDL2 Assets" Content="&#xE700;"
                Width="50" Height="50" Background="Transparent" Click="HamburgerButton_Click"/>
StackPanel Orientation="Horizontal">
                <Button x:Name="MenuButton1" FontFamily="Segoe MDL2 Assets" Content="&#xE825;"
                Width="50" Height="50" Background="Transparent"/>
                <TextBlock Text="Button 1" FontSize="18" VerticalAlignment="Center" />
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <Button x:Name="MenuButton2"

FontFamily="Segoe MDL2 Assets" Content="&#xE10F;"
                    Width="50" Height="50" Background="Transparent"/>
                <TextBlock Text="Button 2" FontSize="18" VerticalAlignment="Center" />
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <Button x:Name="MenuButton3" FontFamily="Segoe MDL2 Assets" Content="&#xE1D6;"
                    Width="50" Height="50" Background="Transparent"/>
 <TextBlock Text="Button 3" FontSize="18" VerticalAlignment="Center" />
            </StackPanel>
        </StackPanel>
    </SplitView.Pane>
    <SplitView.Content>
        <Grid>
            <TextBlock Text="SplitView Basic" FontSize="54" Foreground="White"
                       HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Grid>
    </SplitView.Content>
</SplitView>
</Page>

感谢您的帮助！

Answer 1

您需要为菜单添加一个列表框。然后每一行都是一个列表框项目。在列表框项中放置水平堆栈面板。

接下来我建议您用图像替换按钮，因为您会注意到您现在可以 select 孔行，也可以是按钮。所以这会让用户感到非常困惑。

希望这对您有所帮助。

uwp xaml splitView 连续分组项目？

uwp xaml splitView group items in a row?

xaml

splitview

uwp