WPF 用户控件，带有一组按钮的内容演示者

Question

我正在尝试弄清楚如何创建一个用户控件，该控件将充当一组切换按钮的模态组。我不想选择单选按钮路线，因为用户必须能够取消选择所有内容。我还需要列表支持垂直和水平展示。

我想要一个在 XAML 中看起来像这样的控件。

<MyControl>
    <Grid>
        <Grid.ColumnDefinitions>...</Grid.ColumnDefinitions>
        <ToggleButton />
        <ToggleButton />
        <ToggleButton />
        ...
        <ToggleButton />
    </Grid>
</MyControl>

我认为网格在这里可能不是正确的布局选项，因为我不知道我会有多少按钮。

Answer 1

您可以按照以下示例代码处理路由的Checked 事件。

XAML：

<Grid ToggleButton.Checked="Grid_Checked">
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <ToggleButton Content="A" />
    <ToggleButton Content="B" Grid.Column="1" />
    <ToggleButton Content="C" Grid.Column="2" />
</Grid>

代码：

private void Grid_Checked(object sender, RoutedEventArgs e)
{
    Grid grid = sender as Grid;
    ToggleButton toggledButton = e.OriginalSource as ToggleButton;
    IEnumerable<ToggleButton> allToggleButtons = grid.Children.OfType<ToggleButton>();
    foreach (ToggleButton toggleButton in allToggleButtons)
        if (toggleButton != toggledButton)
            toggleButton.IsChecked = false;
}

Grid 中只能同时选中一个ToggleButton，但可以不选中所有ToggleButtons。