1

Не работают группы при переключении вкладки в tabcontrol

<TabControl Grid.Column="1" HorizontalAlignment="Left" Height="375" Margin="0,111,0,0" VerticalAlignment="Top" Width="955">
<TabItem Header="1">
    <Grid Background="#FFE5E5E5">
        <RadioButton Content="RadioButton" Grid.Column="1" HorizontalAlignment="Left" Height="28" Margin="291,379,0,0" VerticalAlignment="Top" Width="158" GroupName="gr1"/>
    </Grid>
</TabItem>
<TabItem Header="2">
    <Grid Background="#FFE5E5E5">
        <RadioButton Content="RadioButton" Grid.Column="1" HorizontalAlignment="Left" Height="28" Margin="291,379,0,0" VerticalAlignment="Top" Width="158" GroupName="gr1"/>
    </Grid>
</TabItem>

То есть возможно одновременно зачекить и radiobutton в первом табе, и во втором.

Как то можно решить эту проблему, а то я боюсь, что если каждый раз програмно выключать radiobutton~ы в другом табе, то будет снижение производительности.

Попробовал сделать топорное програмное выключение отмеченного чекбокса в одном табе, когда отмечается чекбокс в другом путем создания двух массивов с чекбоксами, назначения событий "Checked" в XAML, в которых путем

arrayRadio1[i].IsChecked = false

или arrayRadio2[i].IsChecked = false

отключается чекбокс в другом табе. Это сработало, но это как-то это не очень элегантно.

1
  • 1
    Снижение производительности? Не смешите. Проигрывание анимации при выборе радиобаттона занимает на порядок больше времени, чем те несколько микросекунд, за которые проходит code-behind (и микросекунды только из-за DependencyProperty, а так были бы наносекунды).
    – VladD
    2 июл 2015 в 10:23

1 ответ 1

2

Окей, если вы хотите сделать это через чистый XAML, GroupName не обязательно сработает. В нормальных случаях он работает, но TabControl удаляет невидимый таб из визуального дерева, поэтому радиобаттоны в невидимом табе не влияют на остальные.

Поэтому сделаем вот как: раздадим каждому RadioButton'у по идентификатору, и будем хранить текущий RadioButton в attached property.

Получаем следующий код:

// attached property
static class RadioButtonExtension
{
    public static string GetRadioButtonSelection(DependencyObject obj)
    {
        return (string)obj.GetValue(RadioButtonSelectionProperty);
    }

    public static void SetRadioButtonSelection(DependencyObject obj, string value)
    {
        obj.SetValue(RadioButtonSelectionProperty, value);
    }

    public static readonly DependencyProperty RadioButtonSelectionProperty =
        DependencyProperty.RegisterAttached("RadioButtonSelection", typeof(string),
                                            typeof(RadioButtonExtension));
}

// конвертер, для данного id выясняет, текущий ли это id
public class RadioButtonSelectionConverter : IValueConverter
{
    public object Convert(
        object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value != null && value.Equals(parameter);
    }

    public object ConvertBack(
        object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value != null && value.Equals(true))
            return parameter;
        return DependencyProperty.UnsetValue;
    }
}

Дальше просто пользуемся:

<TabControl x:Name="OuterTabControl">
    <TabItem Header="1">
        <RadioButton
            Content="RadioButton"
            IsChecked="{Binding ElementName=OuterTabControl,
                                Path=(local:RadioButtonExtension.RadioButtonSelection),
                                Converter={StaticResource RadioButtonSelectionConverter},
                                ConverterParameter=id1}"/>
    </TabItem>
    <TabItem Header="2">
        <RadioButton
            Content="RadioButton"
            IsChecked="{Binding ElementName=OuterTabControl,
                                Path=(local:RadioButtonExtension.RadioButtonSelection),
                                Converter={StaticResource RadioButtonSelectionConverter},
                                ConverterParameter=id2}"/>
    </TabItem>
</TabControl>

(Код адаптирован отсюда.)


Можно, разумеется, переписать вручную TabControl так, чтобы он просто прятал неактивные табы:

<ItemsControl>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid IsItemsHost="True"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style>
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="False">
                    <Setter Property="Visibility" Value="Collapsed"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

Но это, наверное, не лучшее решение.

19
  • А попроще нельзя? Потому что я его не сильно понимаю, и по этому не смогу его модифицировать для своих нужд. Попробовал вручную, radiobutton1.IsChecked = false при выборе второго, но почему-то это не работает.
    – Theonic
    2 июл 2015 в 12:14
  • @Theonic: Нууууу... Вроде в интернете никто лучше не предложил. Сейчас попробую расписать, как работает. Если будет непонятно, переспрашивайте.
    – VladD
    2 июл 2015 в 12:16
  • Например, не найден префикс local.
    – Theonic
    2 июл 2015 в 12:17
  • @Theonic: А почему не работает, должно же! Выложите минимальный воспроизводящий пример отдельным вопросом.
    – VladD
    2 июл 2015 в 12:17
  • Окей, local — это подключение неймспейсов в XAML. Его, понятно, надо подключить вручную. Как-то так: pastebin.com/YBhWiLKt (только замените SO11 на настоящее имя неймспейса и возможно assembly — Intellisense подскажет).
    – VladD
    2 июл 2015 в 12:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.