WPF动态控件切换需求：ItemSource数量决定Label/RadioButton

这个需求完全可以不用单独写Converter，用WPF自带的DataTrigger就能轻松实现动态切换控件的效果，甚至比Converter更直观。我给你一个完整的可运行示例，包含ViewModel和XAML代码，你可以直接测试：

1. ViewModel代码（MVVM架构） #

首先我们需要一个包含可观察集合的ViewModel，方便绑定和动态更新UI：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows;
using System.Windows.Input;

public class MainViewModel : INotifyPropertyChanged
{
    private ObservableCollection<string> _options;
    public ObservableCollection<string> Options
    {
        get => _options;
        set
        {
            _options = value;
            OnPropertyChanged(nameof(Options));
        }
    }

    public ICommand AddOptionCommand { get; }
    public ICommand RemoveOptionCommand { get; }

    public MainViewModel()
    {
        // 初始只有1个元素，默认显示Label
        Options = new ObservableCollection<string> { "初始选项" };
        AddOptionCommand = new RelayCommand(() => Options.Add($"选项 {Options.Count + 1}"));
        RemoveOptionCommand = new RelayCommand(() => 
        {
            if (Options.Count > 1) 
                Options.RemoveAt(Options.Count - 1);
            else 
                MessageBox.Show("至少保留1个选项哦");
        });
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// 简单的RelayCommand实现，用于按钮命令绑定
public class RelayCommand : ICommand
{
    private readonly Action _execute;
    private readonly Func<bool> _canExecute;

    public RelayCommand(Action execute, Func<bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter) => _canExecute?.Invoke() ?? true;
    public void Execute(object parameter) => _execute();
    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }
}

2. XAML界面代码 #

核心逻辑在这里：通过DataTrigger监听父级ItemsControl的集合数量，动态切换控件模板：

<Window x:Class="WpfDynamicControlDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfDynamicControlDemo"
        Title="动态控件示例" Height="300" Width="400">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <StackPanel Margin="20">
        <TextBlock Text="选项列表:" Margin="0 0 0 10" FontSize="14" FontWeight="Bold"/>
        
        <!-- 核心控件：ItemsControl + 动态模板切换 -->
        <ItemsControl ItemsSource="{Binding Options}" Margin="0 0 0 20">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <ContentControl x:Name="ContentContainer" Content="{Binding}">
                        <!-- 默认模板：集合数量>1时显示RadioButton -->
                        <ContentControl.ContentTemplate>
                            <DataTemplate>
                                <RadioButton Content="{Binding}" Margin="0 5 0 0"/>
                            </DataTemplate>
                        </ContentControl.ContentTemplate>
                    </ContentControl>
                    
                    <!-- 触发器：当集合数量为1时，切换为Label模板 -->
                    <DataTemplate.Triggers>
                        <DataTrigger 
                            Binding="{Binding Items.Count, RelativeSource={RelativeSource AncestorType=ItemsControl}}" 
                            Value="1">
                            <Setter TargetName="ContentContainer" Property="ContentTemplate">
                                <Setter.Value>
                                    <DataTemplate>
                                        <Label Content="{Binding}" Margin="0 5 0 0" FontWeight="Medium"/>
                                    </DataTemplate>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </DataTemplate.Triggers>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

        <!-- 测试按钮：添加/删除选项，观察UI变化 -->
        <StackPanel Orientation="Horizontal" Spacing="10">
            <Button Content="添加选项" Command="{Binding AddOptionCommand}" Padding="8 4"/>
            <Button Content="删除选项" Command="{Binding RemoveOptionCommand}" Padding="8 4"/>
        </StackPanel>
    </StackPanel>
</Window>

方案说明 #

• 为什么不用Converter？：Converter主要用于值的转换（比如把布尔值转成颜色），而这里是控件模板的切换，用DataTrigger直接监听集合数量的变化，逻辑更直观，完全在XAML中实现，不需要额外的后台转换代码。
• 效果测试：初始状态下集合只有1个元素，显示Label；点击「添加选项」后集合数量>1，自动切换为RadioButton；删除到只剩1个元素时，又会变回Label。
• 如果一定要用Converter的话，也可以写一个CountToTemplateConverter，把集合数量转换成对应的模板，但这种方式代码量更大，不如Trigger简洁高效。

内容的提问来源于stack exchange，提问作者AKB