Discussion :

[mezcalio]

Bonjour à tous,

je souhaiterais donner un style initial à tout un groupe de boutons radio, avant même que l'un d'entre-eux ne soit coché.

Je vous donne un exemple pour être plus précis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<Style x:Key="RadioButtonStyle" TargetType="{x:Type RadioButton}">
    <Setter Property="Foreground" Value="Blue"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type RadioButton}">
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="true">
                        <Setter Property="Foreground" Value="Green"/>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="false">
                        <Setter Property="Foreground" Value="Red"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Dans cet exemple, je voudrais que tout le groupe de bouton radio soit bleu au démarrage, puis, en fonction du clic de l'utilisateur, que le bouton coché devienne vert, et que les autres deviennent rouge.

Le problème est que ce code ne marche pas, tous les bouton étant rouges au démarrage car "unchecked".

Si quelqu'un a une idée en pur xaml, merci d'avance.

[micka132]

Essaye de rajouter le choix null.
Je suppose que ton radio est binder sur une valeur booleene, utilise donc une valeur bool? (nullable).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<Trigger Property="IsChecked" Value="{x:null}">
                        <Setter Property="Foreground" Value="Blue"/>
                    </Trigger>

[mezcalio]

Merci, c'est une super idée !

Cependant, il reste un petit détail qui ne fonctionne pas encore tout à fait.

Supposons que j'ai 3 boutons radio appartenant au même groupname.
Pour ces trois boutons, j'initialise la valeur de IsChecked à {x:Null}.
Du coup, mes 3 boutons sont bien bleu au démarrage.
Si je coche l'un d'entre eux, il devient bien vert, et si je le décoche, il devient bien rouge. Parfait.

Le problème c'est que les 2 autres boutons s'en contre-fichent de ce premier bouton, et gardent la valeur de IsChecked à {x:Null} tant que je ne leur clique pas dessus.
Il faudrait juste que je puisse réattribuer la valeur "unchecked" aux deux autres boutons dès que j'en coche un, et ce serait parfait...

[micka132]

Ah ouai c'est pas faux j'y avais pas pensé.
Bon ben là peut etre que tu vas devoir utiliser le code behind.
Tu nommes chacun de tes radiobuttons, tu déclares un event sur le checked.
Et dans cet event tu fais un truc dans le genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
 private void radioButton_Checked(object sender, RoutedEventArgs e)
        {
            radioButton1.Checked-=radioButton_Checked;
            radioButton2.Checked -= radioButton_Checked;
            radioButton3.Checked -= radioButton_Checked;
 
            if (!radioButton1.IsChecked.HasValue)
            {
                radioButton1.IsChecked = false;
            }
            if (!radioButton2.IsChecked.HasValue)
            {
                radioButton2.IsChecked = false;
            }
            if (!radioButton2.IsChecked.HasValue)
            {
                radioButton2.IsChecked = false;
            }
 
        }
}

Bon j'aime pas vraiment mais si personne d'autre répond

[mezcalio]

ça me plaît moins aussi, j'aimerai quelque-chose de générique, que je puisse réutiliser à différents endroits quelque-soit le nombre de boutons radios (j'en ai 3 ici, mais je pourrais très bien en avoir 30 ailleurs).

Est-ce qu'il ne pourrait pas y avoir quelque-chose à faire avec la propriété "GroupName" pour identifier tout un groupe de bouton radio dans le code behind ? (tant-pis pour le pur xaml)

[micka132]

Plus un truc dans ce style là alors.
Attention ca ne marche que si t'es radioButton sont dans le même panel.
Sinon il vaut peut etre mieux partir de la racine (layout root) et de parcourir récursivement tout les fils pour récupérer les radioButton avec le même name.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
       private void radioButton_Checked(object sender, RoutedEventArgs e)
        {
            RadioButton tmpRd = sender as RadioButton;
            var allRadioButn = ((Panel)tmpRd.Parent).Children.OfType<RadioButton>();
 
            foreach (RadioButton rd in allRadioButn)
            {
                if (rd.GroupName == tmpRd.GroupName)
                {
                    rd.Checked -= radioButton_Checked;
 
                    if (!rd.IsChecked.HasValue)
                    {
                        rd.IsChecked = false;
                    }
                }
            }
        }