Discussion :

[Arnard]

Bonjour,

j'ai une série de ToggleButton, et je souhaite qu'un seul à la fois puisse être marqué comme actif.

Ya la solution barbare : on parcourt tous les TB, on passe IsChecked à false, et on laisse le programme suivre son cours mais :
- c'est pas vraiment élégant
- cela devient compliqué à gérer lors du 2e clic pour désélectionner le bouton.

Y a-t-il un moyen de grouper le comportement de ces boutons ?

Merci

[Thomas Lebrun]

Tu prend une ListBox donc tu modifies le Template des éléments (ItemTemplate) pour les faire s'afficher sous forme de ToggleButton. Pour savoir celui qui est actif, tu fais un Binding sur la propriété IsChecked de ton bouton et la propriété IsSelected de ta ListBox

[Arnard]

Bon, apparemment je ne suis pas encore douée avec les binding.

Je tente de faire ta suggestion de cette manière :

Code xml :

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
23
24
25
<ListBox x:Name="listButtonPlayer" SelectionChanged="listButtonPlayer_SelectionChanged">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel IsItemsHost="True" Orientation="Horizontal"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBoxItem IsSelected="{Binding Source=Button_Player_PlayBack, Path=IsChecked, Mode=TwoWay}">
                <ListBoxItem.Template>
                    <ControlTemplate>
                        <ToggleButton x:Name="Button_Player_PlayBack" Margin="5,10,5,10" Click="ToggleButton_Player_Click" ToolTip="Lecture arrière" Unchecked="Button_Player_Unchecked">
                            <Image Source="{StaticResource IMG_Player_PlayBack}" />
                        </ToggleButton>
                    </ControlTemplate>
                </ListBoxItem.Template>
            </ListBoxItem>
            <ListBoxItem IsSelected="{Binding Source=Button_Player_Play, Path=IsChecked, Mode=TwoWay}">
            <ListBoxItem.Template>
                <ControlTemplate>
                    <ToggleButton x:Name="Button_Player_Play" Margin="5,10,5,10" Click="ToggleButton_Player_Click" ToolTip="Lecture" Unchecked="Button_Player_Unchecked">
                        <Image Source="{StaticResource IMG_Player_Play}" />
                    </ToggleButton>
                </ControlTemplate>
            </ListBoxItem.Template>
        </ListBoxItem>
        </ListBox>

Bien sûr, c'est comme si le binding était inopérant, je peux sélectionner les deux boutons...

[binoo]

Salut,

Pour binder la propriété IsChecked du ToggleButton à la propriété IsSelected du ListBoxItem :

Code xml :

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

1
2
3
4
5
6
          <ListBoxItem IsSelected="True" >
            <ToggleButton IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" />
          </ListBoxItem>
          <ListBoxItem>
            <ToggleButton IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" />
          </ListBoxItem>

Tu peux améliorer en utilisant un template sur les items de la listBox comme Thomas l'a dit .

[Arnard]

Tout de suite ça marche mieux ^^

Mais pourquoi mon code ne fonctionne pas, alors que j'ai précisé le mode TwoWay ?

[Thomas Lebrun]

Mais pourquoi mon code ne fonctionne pas, alors que j'ai précisé le mode TwoWay ?

Parce que ton controle ne peut pas se lier à un contrôle qui fait parti de son Visual Tree (Control Template)