Làm cách nào để nhóm các nút bật tắt hoạt động giống như các nút radio trong WPF?

Tôi có một nhóm các nút hoạt động giống như các nút bật tắt, nhưng cũng như các nút radio nơi chỉ có thể chọn / nhấn một nút tại thời điểm hiện tại. Nó cũng cần phải có trạng thái không có nút nào được chọn / nhấn xuống.

Hành vi sẽ giống như thanh công cụ của Photoshop, nơi không hoặc một trong các công cụ được chọn bất cứ lúc nào!

Bất kỳ ý tưởng làm thế nào điều này có thể được thực hiện trong WPF?

Cách dễ nhất là tạo kiểu cho ListBox để sử dụng ToggleButtons cho ItemTemplate của nó

<Style TargetType="{x:Type ListBox}">
    <Setter Property="ListBox.ItemTemplate">
        <Setter.Value>
            <DataTemplate>
                <ToggleButton Content="{Binding}" 
                              IsChecked="{Binding IsSelected, Mode=TwoWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                />
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

Sau đó, bạn có thể sử dụng thuộc tính SelectionMode của ListBox để xử lý SingleSelect so với MultiSelect.

Đây là cách dễ nhất theo ý kiến ​​của tôi.

<RadioButton Style="{StaticResource {x:Type ToggleButton}}" />

Thưởng thức! - Cưa sắt

<RadioButton Content="Point" >
    <RadioButton.Template>
        <ControlTemplate>
            <ToggleButton IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                          Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
        </ControlTemplate>
    </RadioButton.Template>
</RadioButton>

nó hoạt động cho tôi, tận hưởng!

bạn luôn có thể sử dụng một sự kiện chung trong Nhấp chuột của ToggleButton đặt tất cả ToggleButton.IsChecked trong một điều khiển nhóm (Grid, WrapPanel, ...) thành false với sự trợ giúp của VisualTreeHelper; sau đó kiểm tra lại người gửi. Hoặc một cái gì đó tương tự như vậy.

private void ToggleButton_Click(object sender, RoutedEventArgs e)
    {
        int childAmount = VisualTreeHelper.GetChildrenCount((sender as ToggleButton).Parent);

        ToggleButton tb;
        for (int i = 0; i < childAmount; i++)
        {
            tb = null;
            tb = VisualTreeHelper.GetChild((sender as ToggleButton).Parent, i) as ToggleButton;

            if (tb != null)
                tb.IsChecked = false;
        }

        (sender as ToggleButton).IsChecked = true;
    }

bạn có thể đặt lưới với các nút radio và tạo nút giống như mẫu cho raduiobuttons. hơn là chỉ có lập trình, hãy xóa kiểm tra nếu bạn không muốn các nút được chuyển đổi

Bạn cũng có thể thử System.Windows.Controls.Primitives.ToggleButton

 <ToggleButton Name="btnTest" VerticalAlignment="Top">Test</ToggleButton>

Sau đó viết mã dựa vào thuộc IsCheckedtính để bắt chước hiệu ứng nút radio

 private void btnTest_Checked(object sender, RoutedEventArgs e)
 {
     btn2.IsChecked = false;
     btn3.IsChecked = false;
 }

Tôi đã làm điều này cho RibbonToggleButtons, nhưng có lẽ nó cũng giống như đối với ToggleButtons thông thường.

Tôi đã liên kết IsChecked cho mỗi nút với một giá trị enum "mode" bằng EnumToBooleanConverter từ đây Làm cách nào để liên kết RadioButtons với một enum? (Chỉ định giá trị enum cho nút này bằng cách sử dụng ConverterParameter. Bạn nên có một giá trị enum cho mỗi nút)

Sau đó, để ngăn việc bỏ chọn một nút đã được chọn, hãy đặt nút này vào mã của bạn phía sau cho sự kiện Click cho mỗi RibbonToggleButtons:

    private void PreventUncheckRibbonToggleButtonOnClick ( object sender, RoutedEventArgs e ) {

        // Prevent unchecking a checked toggle button - so that one always remains checked
        // Cancel the click if you hit an already-checked button

        var button = (RibbonToggleButton)sender;
        if( button.IsChecked != null ) { // Not sure why checked can be null but that's fine, ignore it
            bool notChecked = ( ! (bool)button.IsChecked );
            if( notChecked ){ // I guess this means the click would uncheck it
                button.IsChecked = true; 
            }
        }
    }

Để giúp những người như Julian và tôi (hai phút trước ...). Bạn có thể bắt nguồn từ những thứ RadioButtonnhư thế này.

class RadioToggleButton : RadioButton
{
    protected override void OnToggle()
    {
        if (IsChecked == true) IsChecked = IsThreeState ? (bool?)null : (bool?)false;
        else IsChecked = IsChecked.HasValue;
    }
}

Sau đó, bạn có thể sử dụng nó như Uday Kiran đã đề xuất ...

<Window x:Class="Sample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:Sample"
    Title="MainWindow" Height="600" Width="600">
    <StackPanel>
        <local:RadioToggleButton Content="Button" Style="{StaticResource {x:Type ToggleButton}}" />
    </StackPanel>
</Window>

Phương pháp này chỉ có một phép ToggleButtonđược Checkedcùng một lúc, và nó cũng cho phép bỏ chọn.

Tôi lấy một vài câu trả lời và thêm một số mã bổ sung. Giờ đây, bạn có thể có các nhóm nút bật tắt khác nhau hoạt động giống như một nút bật tắt:

<UserControl.Resources>
    <Style x:Key="GroupToggleStyle" TargetType="ToggleButton">
        <Style.Triggers>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding GroupName, RelativeSource={RelativeSource Self}}" Value="Group1"/>
                    <Condition Binding="{Binding BooleanProperty}" Value="true"/>
                </MultiDataTrigger.Conditions>
                <MultiDataTrigger.Setters>
                    <Setter Property="IsChecked" Value="true"/>
                </MultiDataTrigger.Setters>
            </MultiDataTrigger>
        </Style.Triggers>
    </Style>
</UserControl.Resources>

Và các nhóm nút radio khác nhau trông giống như các nút bật tắt:

<Radio Button GroupName="Group1" Style="{StaticResource {x:Type ToggleButton}}">
<Radio Button GroupName="Group1" Style="{StaticResource {x:Type ToggleButton}}">
<Radio Button GroupName="Group2" Style="{StaticResource {x:Type ToggleButton}}">
<Radio Button GroupName="Group3" Style="{StaticResource {x:Type ToggleButton}}">