Comment faire en sorte qu'un groupe de boutons bascule agisse comme des boutons radio dans WPF?

J'ai un groupe de boutons qui devraient agir comme des boutons à bascule, mais aussi comme des boutons radio où un seul bouton peut être sélectionné / enfoncé à la fois. Il doit également avoir un état dans lequel aucun des boutons n'est sélectionné / enfoncé.

Le comportement sera un peu comme la barre d'outils Photoshop, où zéro ou l'un des outils est sélectionné à tout moment!

Une idée de la façon dont cela peut être implémenté dans WPF?

Le moyen le plus simple est de styliser un ListBox pour utiliser ToggleButtons pour son 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>

Ensuite, vous pouvez utiliser la propriété SelectionMode de ListBox pour gérer SingleSelect vs MultiSelect.

C'est le moyen le plus simple à mon avis.

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

Prendre plaisir! - Pricksaw

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

ça marche pour moi, profitez-en!

vous pouvez toujours utiliser un événement générique sur le Click du ToggleButton qui définit tous les ToggleButton.IsChecked dans un groupcontrol (Grid, WrapPanel, ...) sur false à l'aide de VisualTreeHelper; puis revérifiez l'expéditeur. Ou quelque chose comme ça.

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

vous pouvez mettre une grille avec des boutons radio et créer un bouton comme un modèle pour les boutons radio. que de simplement supprimer par programme, vérifiez si vous ne voulez pas que les boutons soient basculés

Vous pouvez également essayer System.Windows.Controls.Primitives.ToggleButton

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

Ensuite, écrivez du code contre la IsCheckedpropriété pour imiter l'effet du bouton radio

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

J'ai fait cela pour RibbonToggleButtons, mais c'est peut-être la même chose pour les ToggleButtons classiques.

J'ai lié le IsChecked pour chaque bouton à une valeur d'énumération "mode" en utilisant EnumToBooleanConverter à partir d'ici Comment lier RadioButtons à une énumération? (Spécifiez la valeur d'énumération de ce bouton à l'aide de ConverterParameter. Vous devez avoir une valeur d'énumération pour chaque bouton)

Ensuite, pour éviter de décocher un bouton déjà coché, placez-le dans votre code derrière pour l'événement Click pour chacun des 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; 
            }
        }
    }

Pour aider des gens comme Julian et moi (il y a deux minutes ...). Vous pouvez en dériver RadioButton.

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

Ensuite, vous pouvez l'utiliser comme Uday Kiran l'a suggéré ...

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

Cette méthode ne permet qu'une seule ToggleButtond'être Checkedà la fois, et il permet également décochant.

J'ai pris quelques éléments des réponses et j'ai ajouté du code supplémentaire. Vous pouvez maintenant avoir différents groupes de boutons bascule qui agissent comme un bouton bascule:

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

Et les différents groupes de boutons radio qui ressemblent à des boutons à bascule:

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