Изменение содержимого GroupBox на основе выбора ComboBox

Question

У меня есть ComboBox, содержащее четыре значения int, 1, 2, 3, 4.Ниже этого у меня есть GroupBox.Я пытаюсь отобразить уникальный контент в GroupBox, основываясь на значениях ComboBox;то есть может быть TextBlock или TextBox для 1 и Button для 2.

В настоящее время у меня есть четыре отдельных GroupBoxes друг на друге и Visibility свойство тех GroupBoxes, которые связаны с уникальными bool свойствами в ViewModel, которые я устанавливаю каждый раз, когда SelectedItem из ComboBox изменяется.Но я чувствую, что есть способ, где я могу сжать это и просто сохранить один GroupBox и заполнить его правильным содержимым вместо того, чтобы иметь четыре отдельных и четыре отдельных свойства IsVisible.

<ComboBox ItemsSource="{Binding PackageTypes}" SelectedItem="{Binding SelectedType}" />
<GroupBox /><!--Change content of this based on combobox's selection-->

public class MainViewModel : ViewModelBase
{
    private PackageModel_selectedPackageModel;
    public PackageModel SelectedPackageModel
    {
        get => _selectedPackageModel;
        set
        {
            _selectedPackageModel = value;
        }
    }

    public ObservableCollection<int> PackageTypes { get; set; }

    public int SelectedType { get; set; }

    public MainViewModel()
    {
        PackageTypes = new ObservableCollection<int>() { 1, 2, 3, 4 };
    }
}

Answer 1

Вы можете использовать Style с триггерами, например:

<ComboBox x:Name="cmb" xmlns:s="clr-namespace:System;assembly=mscorlib">
    <s:Int32>1</s:Int32>
    <s:Int32>2</s:Int32>
    <s:Int32>3</s:Int32>
    <s:Int32>4</s:Int32>
</ComboBox>

<GroupBox Header="...">
    <GroupBox.Style>
        <Style TargetType="GroupBox">
            <Style.Triggers>
                <DataTrigger Binding="{Binding SelectedItem, ElementName=cmb}" Value="1">
                    <Setter Property="Content">
                        <Setter.Value>
                            <TextBlock Text="1..." />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding SelectedItem, ElementName=cmb}" Value="2">
                    <Setter Property="Content">
                        <Setter.Value>
                            <Button Content="2..." />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </GroupBox.Style>
</GroupBox>

Вместо привязки к свойству SelectedItem ComboBox, вы, конечно, можете привязать к свойству источникамодель представления:

<DataTrigger Binding="{Binding SelectedType}" Value="1">

Убедитесь, что модель представления реализует интерфейс INotifyPropertyChanged и вызывает уведомления об изменениях.