AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79587925
Accepted
mudahan
mudahan
Asked: 2025-04-23 13:56:11 +0800 CST2025-04-23 13:56:11 +0800 CST 2025-04-23 13:56:11 +0800 CST

Muitos botões de rádio como botões de alternância com estilo alterado

  • 772

Tenho 20 botões de opção no meu aplicativo WPF. Quero que eles se pareçam com botões de alternância e tenham 2 estados:

  • Com conteúdo "IN" e fundo verde quando não estão marcados
  • Com conteúdo "OUT" e fundo vermelho quando são verificados.

Como botões de opção, apenas (até) 1 deve ser marcado por vez.

Eu tentei usar o estilo de um botão de alternância para um botão de opção, mas como criei um controle de usuário para o estilo do botão de alternância (para alterar o conteúdo e a cor de fundo), não posso usar

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

Alguma ideia?

c#
  • 2 2 respostas
  • 32 Views

2 respostas

  • Voted
  1. Best Answer
    Auditive
    2025-04-23T16:22:50+08:002025-04-23T16:22:50+08:00

    Parece que você está preso em um dilema: use o ToggleButton (já estilizado como você quiser) e adicione algum tipo de comportamento do RadioButton ou remodele os RadioButtons para que pareçam ToggleButtons sem ter que lidar com a lógica do comportamento.

    Ambas as maneiras, na minha opinião, são aplicáveis ​​e ambas têm uma solução, você só precisa escolher a que melhor se adapta ao seu caso.

    ToggleButtons com comportamento de RadioButtons.

    Para relacionar os ToggleButtons entre si, como não temos a propriedade "GroupName" como os RadioButtons, devemos vinculá-los a uma única fonte no code-behind e controlar os estados verificados manualmente. Isso pode ser feito indexando cada ToggleButton com conversões adicionais:

    XAML (adicione "index" para cada ToggleButton como ConverterParameter):

    <Window.Resources>
        <local:IndexToCheckedConverter x:Key="IndexToCheckedConverter"/>
    </Window.Resources>
    <!-- ... -->
        <ToggleButton IsChecked="{Binding ToggledIndex, Converter={StaticResource IndexToCheckedConverter}, ConverterParameter=0, Mode=TwoWay}" />
        <ToggleButton IsChecked="{Binding ToggledIndex, Converter={StaticResource IndexToCheckedConverter}, ConverterParameter=1, Mode=TwoWay}" />
        <ToggleButton IsChecked="{Binding ToggledIndex, Converter={StaticResource IndexToCheckedConverter}, ConverterParameter=2, Mode=TwoWay}" />
    <!-- ... -->
    

    Code-behind/ViewModel (propriedade de fonte única para cada ToggleButton):

    public class ViewModel : INotifyPropertyChanged
    {
        private int _toggledIndex = 0;
        public int ToggledIndex
        {
            get => _toggledIndex;
            set
            {
                if (_toggledIndex != value)
                {
                    _toggledIndex = value;
                    OnPropertyChanged(nameof(ToggledIndex));
                }
            }
        }
    }
    

    E conversor (comparando o valor do índice da propriedade de origem com o índice do ToggleButton):

    public class IndexToCheckedConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value is int toggledIndex && parameter is string btnIndexStr && int.TryParse(btnIndexStr, out int toggleButtonIndex))
            {
                // Just compare current index from ViewModel with index from ConverterParameter
                return toggledIndex == toggleButtonIndex;
            }
            return false;
        }
    
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
             // ... 
        }
    }
    

    RadioButtons com estilo ToggleButtons.

    Isso pode ser mais simples, já que você não transforma o carro em um pássaro, apenas desenha asas nas portas do carro. Fazer os RadioButtons parecerem "controles deslizantes" comuns não é uma tarefa tão complicada:

    XAML (ajuste as propriedades às suas necessidades):

    <Window.Resources>
        <Style x:Key="SliderRadioButtonStyle" TargetType="RadioButton">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RadioButton">
                        <Border x:Name="SwitchBorder"
                                Width="80" Height="40"
                                CornerRadius="20"
                                Background="Green"
                                BorderBrush="DarkGray"
                                BorderThickness="1"
                                Padding="10"
                                Cursor="Hand">
                            <ContentPresenter x:Name="SwitchContent"
                                              HorizontalAlignment="Center"
                                              VerticalAlignment="Center"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter TargetName="SwitchBorder" Property="Background" Value="Red"/>
                                <Setter TargetName="SwitchContent" Property="Content" Value="OUT"/>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="False">
                                <Setter TargetName="SwitchBorder" Property="Background" Value="Green"/>
                                <Setter TargetName="SwitchContent" Property="Content" Value="IN"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    
    <!-- Then append style -->
    
        <RadioButton GroupName="SwitchGroup"
                     Style="{StaticResource SliderRadioButtonStyle}"
                     Margin="10"/>
        <RadioButton GroupName="SwitchGroup"
                     Style="{StaticResource SliderRadioButtonStyle}"
                     Margin="10"/>
    
    • 1
  2. FlorianD
    2025-04-23T14:45:16+08:002025-04-23T14:45:16+08:00

    Se você quiser um comportamento de alternância entre dois botões de opção, pode definir a propriedade Checked de um botão de opção como o inverso do outro. Por exemplo, em C#:

    // ViewModel
      private bool _radialButton1;
      public bool RadialButton1
      {
        get
        {
          return this._radialButton1;
        }
        set
        {
          this._radialButton1 = value;
          this._radialButton2 = !value;
        }
      }
      private bool _radialButton2;
      public bool RadialButton2
      {
        get
        {
          return this._radialButton2;
        }
        set
        {
          this._radialButton2 = value;
          this._radialButton1 = !value;
        }
      }
    
    • -1

relate perguntas

  • Polly DecorrelatedJitterBackoffV2 - como calcular o tempo máximo necessário para concluir todas as novas tentativas?

  • Wpf. Role o DataGrid dentro do ScrollViewer

  • A pontuação que ganhei na página do jogo com .NET MAUI MVVM não é visível em outras páginas. Como posso manter os dados de pontuação no dispositivo local

  • Use a hierarquia TreeView com HierarchicalDataTemplate de dentro de um DataTemplate

  • Como posso melhorar essa interface de validação no .NET?

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Reformatar números, inserindo separadores em posições fixas

    • 6 respostas
  • Marko Smith

    Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não?

    • 2 respostas
  • Marko Smith

    Problema com extensão desinstalada automaticamente do VScode (tema Material)

    • 2 respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Martin Hope
    Fantastic Mr Fox Somente o tipo copiável não é aceito na implementação std::vector do MSVC 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant Encontre o próximo dia da semana usando o cronógrafo 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor O inicializador de membro do construtor pode incluir a inicialização de outro membro? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul O C++20 mudou para permitir a conversão de `type(&)[N]` de matriz de limites conhecidos para `type(&)[]` de matriz de limites desconhecidos? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann Como/por que {2,3,10} e {x,3,10} com x=2 são ordenados de forma diferente? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve