Come fare in modo che un gruppo di pulsanti di attivazione / disattivazione agisca come pulsanti di opzione in WPF?

Ho un gruppo di pulsanti che dovrebbero agire come pulsanti di attivazione / disattivazione, ma anche come pulsanti di opzione in cui è possibile selezionare / premere un solo pulsante all'ora corrente. Inoltre, deve avere uno stato in cui nessuno dei pulsanti è selezionato / premuto.

Il comportamento sarà un po 'come la barra degli strumenti di Photoshop, dove nessuno o uno degli strumenti sono selezionati in qualsiasi momento!

Qualche idea su come questo possa essere implementato in WPF?

Il modo più semplice è applicare uno stile a un ListBox per utilizzare ToggleButtons per il relativo 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>

Quindi puoi usare la proprietà SelectionMode del ListBox per gestire SingleSelect vs MultiSelect.

Questo è il modo più semplice secondo me.

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

Godere! - Seghetto

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

per me funziona, divertiti!

è sempre possibile utilizzare un evento generico sul clic del ToggleButton che imposta tutti i ToggleButton.IsChecked in un groupcontrol (Grid, WrapPanel, ...) su false con l'aiuto di VisualTreeHelper; quindi ricontrolla il mittente. O qualcosa del genere.

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

puoi inserire una griglia con i pulsanti radio e creare un pulsante come un modello per i pulsanti radio. piuttosto che rimuovere il controllo a livello di programmazione se non si desidera che i pulsanti vengano attivati

Puoi anche provare System.Windows.Controls.Primitives.ToggleButton

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

Quindi scrivi il codice sulla IsCheckedproprietà per imitare l'effetto del pulsante di opzione

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

L'ho fatto per RibbonToggleButtons, ma forse è lo stesso per i normali ToggleButtons.

Ho associato IsChecked per ogni pulsante a un valore di enumerazione "mode" utilizzando EnumToBooleanConverter da qui. Come associare RadioButtons a un enum? (Specifica il valore enum per questo pulsante utilizzando ConverterParameter. Dovresti avere un valore enum per ogni pulsante)

Quindi, per evitare di deselezionare un pulsante già selezionato, inseriscilo nel codice dietro per l'evento Click per ciascuno dei 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; 
            }
        }
    }

Per aiutare persone come Julian e me (due minuti fa ...). Puoi derivare da RadioButtonquesto.

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

Quindi, puoi usarlo come suggerito da 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>

Questo metodo consente ToggleButtondi essere solo uno alla Checkedvolta e consente anche di deselezionare.

Ho preso alcune risposte e ho aggiunto del codice extra. Ora puoi avere diversi gruppi di pulsanti di attivazione / disattivazione che agiscono come un pulsante di attivazione / disattivazione:

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

E i diversi gruppi di pulsanti di opzione che sembrano pulsanti di attivazione / disattivazione:

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