Question

我在主窗口上创建了一个堆栈面板，其中一个停靠面板包含菜单和菜单项。在同一个堆栈面板中，我有3个用户控件。当用户单击菜单项时，我只需要显示这3个用户控件中的一个，但我的隐藏用户控件在未显示时仍会占用空间。

在菜单和底部的可见用户控件之间，还有另一个占用空间的隐藏用户控件。

有问题的堆叠面板：

<StackPanel>
        <DockPanel>
            <Menu DockPanel.Dock="Top">
                <MenuItem Header="Equipment">
                    <MenuItem Header="_List" Click="mnuEquipList_Click" />
                    <MenuItem Header="_Create" Click="mnuEquipCreate_Click" />
                    <MenuItem Header="_Update" Click="mnuEquipUpdate_Click" />
                </MenuItem>
                <MenuItem Header="_Exit" Click="mnuExit_Click" />
            </Menu>
        </DockPanel>
        <equipment:EquipmentCreateView Visibility="Hidden" x:Name="equipCreateView"></equipment:EquipmentCreateView>
        <equipment:EquipmentListView DataContext="{Binding EquipmentListViewModel}" Visibility="Hidden" x:Name="equipListView"></equipment:EquipmentListView>
        <equipment:EquipmentUpdateView Visibility="Hidden" x:Name="equipUpdateView"></equipment:EquipmentUpdateView>
    </StackPanel>

当用户单击菜单项时，Visibility属性设置为true，其他属性设置为false。还有其他方法可以实现此功能吗？

Answer 1

简单方法：使用“折叠”代替“隐藏”

更好的方式：

您的设备视图的ViewModels必须来自通用界面。

public class EquipmentCreateViewModel : IEquipment
{
     //...
}

public class EquipmentListViewModel : IEquipment
{
     //...
}

当用户通过RelayCommands单击按钮时，您应该在Main viewmodel上的Property中分配此ViewModel。

public class MainViewModel
{
     public IEquipment SelectedEquipment {get;set;}
}

在主视图上，您应该声明DataTemplate。

MainView.xaml的部分内容：

<UserControl.Resources>
        <ResourceDictionary>            
            <DataTemplate DataType="{x:Type equipment:EquipmentCreateViewModel}">
                <equipment:EquipmentCreateView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type equipment:EquipmentListViewModel}">
                <equipment:EquipmentListView />
            </DataTemplate>
            <!--And so on-->            
        </ResourceDictionary>
    </UserControl.Resources>

使用WPF中的菜单项显示/隐藏用户控件

1 个答案: