Как деактивировать все toggle button кроме одного при клике?

Question

[postya]

Имеется 8 toggle button. При клике одну из кнопок все остальные становятся isEnable = False

Как это сделать?
Желательно это сделать в коде а не в xaml, так как эти кнопки будут ещё вызывать другие методы

<!--Toggle Button-->
    <Style x:Key="ToggleButton" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="#535353"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="MinHeight" Value="30"/>        
        <Setter Property="Grid.Column" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border Background="{TemplateBinding Background}"
                            BorderThickness="0">
                    </Border>                    
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

<ToggleButton x:Name="CategoryToggle1"
                      Grid.Row="1"
                      
                      Style="{StaticResource ToggleButton}"
                      Checked="ShowOptions"
                      Unchecked="HideOptions" />

Comments

[Foggy Finder]

Можете подробнее описать случай использования?

[postya]

Foggy Finder,

Вот я тоже самое делал на JavaFX, но там я добавлял все toggle button в группу, а здесь я не знаю как это сделать, сталкиваюсь впервые с wpf и C#. Вот ак выглядит код для Java:

group.getToggles().stream().map((toggle) -> (ToggleButton) toggle).forEach((b) -> {
        b.setDisable(false);
      });

Нужно сделать то же самое,что и на видео:

Видео

Answer 1

[Space Purr]

Определите такой стиль

<Window.Resources>
    <Style TargetType="RadioButton" BasedOn="{StaticResource {x:Type ToggleButton}}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <ToggleButton IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                        Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

Теперь просто объявите нужное количество RadioButton

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <RadioButton Grid.Column="0" Width="50" Height="50" />
    <RadioButton Grid.Column="1" Width="50" Height="50" />
    <RadioButton Grid.Column="2" Width="50" Height="50" />
</Grid>

При нажатии на кнопку только она становится активной. При повторном нажатии на нее она становится неактивной.



Также, если вы хотите сделать группы таких кнопок, вам нужно добавить к RadioButton свойство GroupName с именем группы.

<RadioButton GroupName="Group1"/>
<RadioButton GroupName="Group1"/>
<RadioButton GroupName="Group1"/>

<RadioButton GroupName="Group2"/>
<RadioButton GroupName="Group2"/>
<RadioButton GroupName="Group2"/>

Тогда нажатие на кнопку из Group1 никак не будет влиять на кнопки из Group2.

Comments

[postya]

А где можно изменить,чтбы сделать немного по-другому, в этом варианте если одну кнопку нажал - она переходит в Checked = True, при этом другие кнопки можно нажимать.

Мне же нужно,чтобы если у одной кнопки isChecked = true, то у всех остальных должно быть isEnabled = False,
то есть если я нажал на одну кнопку, то все остальные нельзя было нажать, и только если я нажал на эту же кнопку снова, то все остальные становятся активными снова. Прям как на видео надо сделать
то есть мне тут даже подходит больше параметр isEnabled , нежели isChecked
Как это можно сделать?

[Space Purr]

postya, извиняюсь, я не заметил в вопросе требование по IsEnabled.

Я не знаю как все красиво реализовать в xaml, но получилось решить вашу проблему таким образом.

Оставляете вариант, что был выше и реализовываете события Checked и Uncheked у каждого RadioButton.

<RadioButton Content="1" Grid.Column="0" Width="50" Height="50" GroupName="TestName" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>

Назовите как - нибудь ваш контейнер, в котором лежат ваши RadioButton.
<Grid x:Name="MyGrid">

Теперь переходим в CodeBehind и в методах Checked и Unchecked пишем следующее.

private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
    RadioButton radioButton = sender as RadioButton;
    radioButton.IsChecked = true;

    MyGrid.Children.OfType<RadioButton>().Where(rb => rb != radioButton && rb.GroupName == radioButton.GroupName).ToList().ForEach(rb => rb.IsEnabled = false);
}

private void RadioButton_Unchecked(object sender, RoutedEventArgs e)
{
    RadioButton radioButton = sender as RadioButton;

    MyGrid.Children.OfType<RadioButton>().Where(rb => rb.GroupName == radioButton.GroupName).ToList().ForEach(rb => rb.IsEnabled = true);
}

Что тут происходит.

Первым делом через sender мы получаем RadioButton у которого вызвано событие.
Дальше мы обращаемся к нашему Grid MyGrid. Берем у него коллекцию всех дочерних элементов Children и отбираем среди всех элементов только RadioButton с помощью метода OfType. Дальше фильтруем элементы проверяя совпадение GroupName и отсеиваем элемент у которого вызвано событие. Теперь у полученных RadioButton ставим IsEnabled в false.

В Unchecked практически тоже самое. Проверяем GroupName и включаем элементы.

Полный код

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="RadioButton" BasedOn="{StaticResource {x:Type ToggleButton}}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <ToggleButton IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                          Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Grid x:Name="MyGrid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <RadioButton Content="1" Grid.Column="0" Width="50" Height="50" GroupName="TestName" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>
        <RadioButton Content="1" Grid.Column="1" Width="50" Height="50" GroupName="TestName" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>
        <RadioButton Content="1" Grid.Column="2" Width="50" Height="50" GroupName="TestName" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>

        <RadioButton Content="2" Grid.Column="0" Margin="150,0,0,0" Width="50" Height="50" GroupName="TestName1" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>
        <RadioButton Content="2" Grid.Column="1" Margin="150,0,0,0" Width="50" Height="50" GroupName="TestName1" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>
        <RadioButton Content="2" Grid.Column="2" Margin="150,0,0,0" Width="50" Height="50" GroupName="TestName1" Checked="RadioButton_Checked" Unchecked="RadioButton_Unchecked"/>
    </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApp1
{
    /// <summary>
    /// Логика взаимодействия для MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void RadioButton_Checked(object sender, RoutedEventArgs e)
        {
            RadioButton radioButton = sender as RadioButton;
            radioButton.IsChecked = true;

            MyGrid.Children.OfType<RadioButton>().Where(rb => rb != radioButton && rb.GroupName == radioButton.GroupName).ToList().ForEach(rb => rb.IsEnabled = false);

            
        }

        private void RadioButton_Unchecked(object sender, RoutedEventArgs e)
        {
            RadioButton radioButton = sender as RadioButton;

            MyGrid.Children.OfType<RadioButton>().Where(rb => rb.GroupName == radioButton.GroupName).ToList().ForEach(rb => rb.IsEnabled = true);
        }
    }
}

[postya]

Space Purr, все работает как надо, вот только цвета у кнопок не совпадают, когда кнопка находится в isEnabled = False, то она становится белой. Я этот цвет нигде не назначал, откуда берется цвет каждого состояния кнопки и как его можно переопределить?

[Space Purr]

postya, вроде нужно переопределить стиль кнопки и создать trigger в control template на изменение IsEnabled и там менять цвет. Создавайте новый вопрос - глядишь и решение найдется)

[postya]

Space Purr, Благодарю! очень помогли)

Answer 2

[AndrewN]

Просто используйте RadioButton, это стандартное поведение для него. Установите ему стиль

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

https://ru.stackoverflow.com/a/818494/218063

Comments

[postya]

Radio Button не имеет реализации второго клика на него. То есть я могу кликнуть на radio button всего один раз, при повторном нажатии ничего не меняется, в случае же с toggle button там есть два состояния, isChecked и unChecked.
При первом клике на кнопку надо чтобы состояние было isChecked, все остальные кнопки переходят в состояние unChecked isEnabled = False и меняется их цвет
При повторном нажатии на эту же кнопку, кнопка переходит в состояние unChecked и все остальные кнопки в isEnabled = True, цвет становится обратно тем же