xaml - uwp xaml splitView 连续分组项目？

Question

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

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

<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

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

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

希望这可以帮助。