จะทำให้กลุ่มปุ่มสลับทำหน้าที่เหมือนปุ่มตัวเลือกใน WPF ได้อย่างไร

ฉันมีกลุ่มปุ่มที่ควรทำหน้าที่เหมือนปุ่มสลับ แต่ยังเป็นปุ่มตัวเลือกที่สามารถเลือก / กดลงได้เพียงปุ่มเดียวในเวลาปัจจุบัน นอกจากนี้ยังต้องมีสถานะที่ไม่มีการเลือก / กดปุ่มใด ๆ

ลักษณะการทำงานจะเป็นเหมือนแถบเครื่องมือ Photoshop โดยเลือกศูนย์หรือเครื่องมือใดเครื่องมือหนึ่งเมื่อใดก็ได้!

มีความคิดอย่างไรว่าสิ่งนี้สามารถนำไปใช้ใน WPF ได้หรือไม่?

วิธีที่ง่ายที่สุดคือจัดรูปแบบ ListBox เพื่อใช้ ToggleButtons สำหรับ ItemTemplate

<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>

จากนั้นคุณสามารถใช้คุณสมบัติ SelectionMode ของ ListBox เพื่อจัดการ SingleSelect vs MultiSelect

นี่เป็นวิธีที่ง่ายที่สุดในความคิดของฉัน

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

สนุก! - เลื่อยยนต์

<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>

มันได้ผลสำหรับฉันสนุก!

คุณสามารถใช้เหตุการณ์ทั่วไปบน Click of the ToggleButton ที่ตั้งค่า ToggleButton.IsChecked ทั้งหมดใน groupcontrol (Grid, WrapPanel, ... ) เป็นเท็จด้วยความช่วยเหลือของ VisualTreeHelper; จากนั้นตรวจสอบผู้ส่งอีกครั้ง หรือสิ่งที่ชอบในสิ่งนั้น

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;
    }

คุณสามารถใส่ตารางที่มีปุ่มเรดิโออยู่ในนั้นและสร้างปุ่มเช่นเทมเพลตสำหรับ raduiobuttons ไม่เพียงแค่ลบโปรแกรมให้ตรวจสอบว่าคุณไม่ต้องการให้ปุ่มถูกสลับ

คุณยังสามารถลอง System.Windows.Controls.Primitives.ToggleButton

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

จากนั้นเขียนโค้ดเทียบกับIsCheckedคุณสมบัติเพื่อเลียนแบบเอฟเฟกต์ radiobutton

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

ฉันทำสิ่งนี้สำหรับ RibbonToggleButtons แต่อาจจะเหมือนกันสำหรับ ToggleButtons ปกติ

ฉันผูก IsChecked สำหรับแต่ละปุ่มกับค่า enum "mode" โดยใช้ EnumToBooleanConverter จากที่นี่จะผูก RadioButtons กับ enum ได้อย่างไร (ระบุค่า enum สำหรับปุ่มนี้โดยใช้ ConverterParameter คุณควรมีค่า enum หนึ่งค่าสำหรับแต่ละปุ่ม)

จากนั้นเพื่อป้องกันการยกเลิกการเลือกปุ่มที่เลือกไว้แล้วให้ใส่รหัสนี้ไว้ด้านหลังของเหตุการณ์คลิกสำหรับแต่ละ 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; 
            }
        }
    }

เพื่อช่วยคนอย่างจูเลียนและฉัน (สองนาทีที่แล้ว ... ) คุณสามารถได้รับจากสิ่งRadioButtonนี้

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

จากนั้นคุณสามารถใช้มันได้ตามที่ Uday Kiran แนะนำ ...

<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>

วิธีการนี้จะช่วยให้เพียงคนเดียวToggleButtonที่จะเป็นCheckedในเวลาและมันยังช่วยให้ยกเลิกการเลือก

ฉันได้รับคำตอบสองสามคำและเพิ่มรหัสพิเศษ ตอนนี้คุณสามารถมีปุ่มสลับกลุ่มต่างๆซึ่งทำหน้าที่เหมือนปุ่มสลับปุ่มเดียว:

<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>

และกลุ่มต่างๆของปุ่มตัวเลือกที่มีลักษณะเหมือนปุ่มสลับ:

<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}}">