WPF中三个Grid分别绑定Visibility属性，是否有更高效的实现方案？

1. 抽象公共基类（可选但推荐） #

先把三个车辆类共有的属性提取为基类，减少重复代码：

public abstract class VehicleBase
{
    public string Brand { get; set; }
    public string Model { get; set; }
    public Fuel Fuel { get; set; }
    public int Power { get; set; }
    public int FirstRegistration { get; set; }
    public int Mileage { get; set; }
    public Transmission Transmission { get; set; }
    public int PollutionClass { get; set; }
    public Brush Color { get; set; }
}
// Car、Motorcycle、Truck三个类改为继承VehicleBase，仅保留自身独有属性即可

2. ViewModel层实现 #

public class VehicleCreateViewModel : INotifyPropertyChanged
{
    private Type _selectedVehicleType;
    public Type SelectedVehicleType
    {
        get => _selectedVehicleType;
        set
        {
            _selectedVehicleType = value;
            OnPropertyChanged();
            // 类型切换时自动实例化对应车辆对象
            CurrentEditedVehicle = Activator.CreateInstance(value) as VehicleBase;
        }
    }

    private VehicleBase _currentEditedVehicle;
    public VehicleBase CurrentEditedVehicle
    {
        get => _currentEditedVehicle;
        set
        {
            _currentEditedVehicle = value;
            OnPropertyChanged();
        }
    }

    // 下拉框可选车辆类型列表
    public List<Type> AvailableVehicleTypes { get; } = new List<Type>
    {
        typeof(Car),
        typeof(Motorcycle),
        typeof(Truck)
    };

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. XAML层实现 #

核心利用WPF DataTemplate的DataType特性自动匹配对应类型的视图，无需手动控制多个Grid的显隐：

<Window x:Class="VehicleCreateDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:VehicleCreateDemo.Models"
        xmlns:vm="clr-namespace:VehicleCreateDemo.ViewModels"
        Title="车辆创建窗口" Height="800" Width="600">
    <Window.DataContext>
        <vm:VehicleCreateViewModel/>
    </Window.DataContext>
    <Window.Resources>
        <!-- 车辆类型转中文显示的转换器，可自行实现IValueConverter调整显示文本 -->
        <local:VehicleTypeToNameConverter x:Key="VehicleTypeToNameConverter"/>
        
        <!-- Car类型对应表单模板 -->
        <DataTemplate DataType="{x:Type local:Car}">
            <StackPanel Margin="10" Spacing="10">
                <TextBox Header="轴数" Text="{Binding Axes}"/>
                <TextBox Header="座位数" Text="{Binding Seats}"/>
                <TextBox Header="车门数" Text="{Binding Doors}"/>
                <!-- 其余Car独有属性对应的表单控件依次添加即可 -->
            </StackPanel>
        </DataTemplate>
        
        <!-- Motorcycle类型对应表单模板 -->
        <DataTemplate DataType="{x:Type local:Motorcycle}">
            <StackPanel Margin="10" Spacing="10">
                <TextBox Header="排量" Text="{Binding CubicCapacity}"/>
                <ComboBox Header="驱动类型" ItemsSource="{Binding Source={x:Static local:DriveType}}" SelectedItem="{Binding DriveType}"/>
                <!-- 其余Motorcycle独有属性对应的表单控件依次添加即可 -->
            </StackPanel>
        </DataTemplate>
        
        <!-- Truck类型对应表单模板 -->
        <DataTemplate DataType="{x:Type local:Truck}">
            <StackPanel Margin="10" Spacing="10">
                <TextBox Header="最大载重" Text="{Binding MaxWeight}"/>
                <TextBox Header="轮式公式" Text="{Binding WheelFormula}"/>
                <!-- 其余Truck独有属性对应的表单控件依次添加即可 -->
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    
    <Grid Margin="20">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        
        <!-- 车辆类型选择下拉框 -->
        <ComboBox Grid.Row="0" ItemsSource="{Binding AvailableVehicleTypes}" SelectedItem="{Binding SelectedVehicleType}"
                  ItemTemplate="{StaticResource VehicleTypeDisplayTemplate}" Margin="0 0 0 20"/>
        
        <!-- 动态表单区域，自动根据当前编辑的车辆类型匹配对应模板 -->
        <ContentControl Grid.Row="1" Content="{Binding CurrentEditedVehicle}"/>
        
        <!-- 底部操作按钮 -->
        <Button Grid.Row="2" Content="保存车辆信息" Command="{Binding SaveCommand}" HorizontalAlignment="Right" Margin="0 20 0 0" Padding="20 5"/>
    </Grid>
</Window>

方案优势 #

• 完全符合MVVM设计规范，无需维护多个Visibility绑定变量，无冗余视图控制逻辑
• 扩展性极强，后续新增车辆类型仅需添加对应子类和DataTemplate即可，无需修改现有逻辑
• 每个类型的表单独立维护，代码结构清晰，问题定位成本低

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