Отображение элементов управления на основе выбранного переключателя

StackOverflow https://stackoverflow.com/questions/1044772

  •  20-08-2019
  •  | 
  •  

Вопрос

У меня есть группа из трех переключателей.В зависимости от того, какой переключатель выбран, я хочу отключить один из трех элементов управления - текстовое поле, выпадающий список или кнопку.Как мне отобразить элементы управления на основе результата нажатия выбранного переключателя?

Это было полезно?

Решение

Вы можете привязать видимость элемента управления к свойству IsChecked RadioButton, используя BooleanToVisibilityConverter :

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Page.Resources>
    <BooleanToVisibilityConverter x:Key="convVisibility"/>
  </Page.Resources>
  <Grid>
    <StackPanel Orientation="Vertical">
      <RadioButton Name="radioButton1" GroupName="group1">Control1</RadioButton>
      <RadioButton Name="radioButton2" GroupName="group1">Control2</RadioButton>
      <RadioButton Name="radioButton3" GroupName="group1">Control3</RadioButton>
      <Grid>
        <Button Visibility="{Binding IsChecked, ElementName=radioButton1, Converter={StaticResource convVisibility}}">1. Button</Button>
        <TextBlock Visibility="{Binding IsChecked, ElementName=radioButton2, Converter={StaticResource convVisibility}}">2. TextBlock</TextBlock>
        <TextBox Visibility="{Binding IsChecked, ElementName=radioButton3, Converter={StaticResource convVisibility}}">3. TextBox</TextBox>
      </Grid>
    </StackPanel>
  </Grid>
</Page>

Редактировать :

Это решение отлично работает и его просто реализовать.Могу ли я в любом случае предотвратить скрытие элементов управления в режиме разработки?

Я не знаю о других дизайнерах (например, Blend), но в Visual Studio designer элементы управления никогда не скрываются...

В любом случае, вы могли бы реализовать свой собственный конвертер, который всегда возвращал бы видимость в режиме разработки.По какой-то неясной причине класс BooleanToVisibilityConverter запечатан, поэтому вы не можете наследовать от него.Вместо этого вы можете делегировать преобразование BooleanToVisibilityConverter, если вы не хотите переписывать логику преобразования :

public class MyBooleanToVisibilityConverter : IValueConverter
{
    private BooleanToVisibilityConverter _converter = new BooleanToVisibilityConverter();
    private DependencyObject _dummy = new DependencyObject();

    private bool DesignMode
    {
        get
        {
            return DesignerProperties.GetIsInDesignMode(_dummy);
        }
    }

    #region IValueConverter Members

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (DesignMode)
            return Visibility.Visible;
        else
            return _converter.Convert(value, targetType, parameter, culture);
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return _converter.ConvertBack(value, targetType, parameter, culture);
    }

    #endregion
}

Другие советы

Чтобы компонент оставался видимым во время разработки, вы можете добавить FallbackValue из true к флажку как:

<RadioButton x:Name="cbxEmail" Content="Email Details" IsEnabled="{Binding IsEmail, FallbackValue=true}" IsChecked="{Binding IsEmail, Mode=OneWay, FallbackValue=true}"
                                Grid.Column="2"/>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top