1

首先,我应该说我是一个新手程序员,感谢所有帮助。我目前正在开发一个 wpf 应用程序,在该应用程序中我希望用户控件具有标签和内容控件,可以根据从欢迎视图中选择的按钮进行更新。像这样

<Window x:Class="ContentControl.Views.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:vm="clr-namespace:ContentControl.ViewModels"
    xmlns:views="clr-namespace:ContentControl.Views"
    Title="MainWindow" Height="350" Width="525">  
<Window.Resources>
    <DataTemplate DataType="{x:Type vm:ScreenViewModel}">
        <views:ScreenView DataContext="{Binding}"/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type vm:WelcomeViewModel}">
        <views:WelcomeView DataContext="{Binding}"/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type vm:MeetingRoomViewModel}">
        <views:MeetingRoomView DataContext="{Binding}"/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type vm:DashboardViewModel}">
        <views:DashboardView />
    </DataTemplate>
</Window.Resources>

<Grid>
    <StackPanel>
        <Label>This Is My Label</Label>
        <ContentControl x:Name="MainPanel" Content="{Binding Path=Content}"
            MinHeight="200"
            MinWidth="200"
            HorizontalContentAlignment="Left" 
            VerticalContentAlignment="Center" 
            Focusable="False">
        </ContentControl>
    </StackPanel>
</Grid>
</Window>

代码背后:

public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
        MainPanel.Content = new WelcomeView();
        MainPanel.Content = this.MainPanel.Content;
    }
}

这是 WelcomeViewModel:

internal class WelcomeViewModel : BaseViewModel
{
    private MainWindowViewModel _mainWindowVm;
    private RelayCommand<string> _viewChangedCommand;

    public ICommand ViewChangedCommand
    {
        get { return _viewChangedCommand ?? (_viewChangedCommand = new RelayCommand<string>(OnViewChanged)); }
    }

    public event EventHandler ViewChanged;

    private void OnViewChanged(string view)
    {
        EventHandler handler = ViewChanged;
        if (handler != null) handler(view, EventArgs.Empty);
    }

    public MainWindowViewModel MainWindowVm
    {
        get { return _mainWindowVm; }
        set
        {
            _mainWindowVm = value;
            OnPropertyChanged("MainViewModel");
        }
    }

    public WelcomeViewModel()
    {
        MainWindowVm = new MainWindowViewModel();
        ViewChanged += MainWindowVm.ViewChanged;
    }
}

最后是我的welcome.xaml

<UserControl x:Class="ContentControl.Views.WelcomeView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:vm="clr-namespace:ContentControl.ViewModels"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<UserControl.DataContext>
    <vm:WelcomeViewModel />
</UserControl.DataContext>
<Grid Background="red">
    <Grid.RowDefinitions >
        <RowDefinition Height="25*" />
        <RowDefinition Height="50*"/>
        <RowDefinition Height="25*"/>
    </Grid.RowDefinitions>

    <Rectangle Grid.Row="0" Fill="Green"/>
    <DockPanel Grid.Row="1" HorizontalAlignment="Center" Background="White">
        <Button Height="50" Width="50" Margin="5" Content="DASH" Command="{Binding ViewChangedCommand}" CommandParameter="Dashboard"/>
        <Button Height="50" Width="50" Margin="5" Content="ROOM" Command="{Binding ViewChangedCommand}" CommandParameter="MeetingRoom"/>
        <Button Height="50" Width="50" Margin="5" Content="SCREEN" Command="{Binding ViewChangedCommand}" CommandParameter="Screen" />
    </DockPanel>
    <Rectangle Grid.Row="2" Fill="Blue"/>
</Grid>
</UserControl>

所以问题是当 ViewChange 事件被触发时,它会在 MainWindowViewModel 中看到,但是当它使用 PropertyEventHandler(如下所示)时,PropertyChanged 始终为空。

public class BaseViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(name));
        }   
    }
}
4

2 回答 2

1

好吧,这里你有一些 WPF、Bindings 和 Mvvm 错误……首先,你为什么要这样做:

MainPanel.Content = this.MainPanel.Content;

这与以下内容相同:

MainPanel.Content = MainPanel.Content;

这条线是不必要的。

第二个为什么你说:

Content="{Binding Path=Content}"

但是然后你在你的代码后面设置:

MainPanel.Content = new WelcomeView();

这里你可能有一个概念性的错误:当你默认设置一个绑定时,这个绑定将被完成到控件本身的 DataContext(在这种情况下是 UserControl)。好的,为了解决这个问题并使用 Mvvm,让我们保持绑定:

Content="{Binding Path=Content}"

但现在我们需要设置 UserControl 数据上下文:

MainPanel.DataContext = new MainPanelViewModel();

现在我们需要在 MainPanelViewModel 中创建一个名为 Content 的属性。在此属性中,您将设置要在 ContentControl.Content 中显示的内容。(在这种情况下是 WelcomeViewModel 和你想要的任何东西)

希望这个答案对您开始使用 wpf 和 mvvm 有所帮助。这是一个很棒的平台。

于 2012-09-21T18:07:52.543 回答
0

好的。您可以解决的错误:

  • 不要在代码隐藏中更改 MainPanel.Content。它应该通过绑定在 ViewModel 中进行更改。
  • 在您的 Window.Resources 中,请注意您将 DataContext 设置为 WelcomeView 的 MainViewModel,并且在 WelcomeView 中您希望它是 WelcomeIewModel。它不是那样工作的。DataCONtext=WelcomeViewModel 被 Window.Resources 覆盖
  • 为什么要在 WelcomeViewModel 中创建新的 MainViewmodel?
  • PropertyChanged 为空,因为您没有在 View(特定 MainiewMOdel 实例)中使用它。如果您要绑定它,PropertyChanged 将接收新的事件侦听器并且不再为空。

也许更好地解释你的问题,我可以提供更多信息。

于 2012-09-21T18:02:55.473 回答