多个按钮的一个视图模型

时间:2016-11-07 17:11:19

标签: c# wpf mvvm

我是WPF和MVVM的新手。我正在尝试理清如何拥有一个干净的项目结构,其中有多个按钮可以启动不同的应用程序(如chrome,IE,记事本)。是否可以为多个按钮设置一个ViewModel?

我已经开始使用here中的代码,我尝试解决方案是使该链接的代码成为视图模型库,并为扩展所述基础的每个按钮提供其他视图模型。

每个人都有一个独特的行动:

    public override void ClickAction()
    {
        Process ieProcess = new Process();
        ieProcess.StartInfo.FileName = "IExplore.exe";
        ieProcess.Start();
    }

但是,我不确定这样做的正确方法。如何使用此方法创建DataContext?任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:5)

每个视图应该有一个视图模型;不是视图中的每个项目(在这种情况下,按钮)。执行您所描述的操作的简单方法是使用CommmandParameter属性传递您的exe名称:

<Button Content="Launch IE" Command="{Binding LaunchAppCommand}" CommandParameter="IExplorer.exe"/>
<Button Content="Launch Notepad" Command="{Binding LaunchAppCommand}" CommandParameter="notepad.exe"/>
<Button Content="Launch Chrome" Command="{Binding LaunchAppCommand}" CommandParameter="chrome.exe"/>

用你的命令:

public ICommand LaunchAppComand {get; private set;}
...
public MyViewModel()
{
    LaunchAppCommand = new DelegateCommand(LaunchApp);
}
...
private void LaunchApp(object parameter)
{
     string processName = (string)parameter;
     Process launchProc = new Process();
     launchProc.StartInfo.FileName = processName;
     launchProc.Start();
}

为避免对所有按钮进行硬编码,您可以使用ItemsControl,它会为其创建的每个模板设置单独的数据上下文。为此,您需要一组数据类,以及一种稍微不同的方式来获取命令:

//ProcessShortcut.cs
public class ProcessShortcut
{
    public string DisplayName {get; set;}
    public string ProcessName {get; set;}
}

//MyViewModel.cs, include the previous code

//INotifyPropertyChanged left out for brevity
public IEnumerable<ProcessShortcut> Shortcuts {get; set;} 

public MyViewModel()
{
    Shortcuts = new List<ProcessShortcut>()
    {
        new ProcessShortcut(){DisplayName = "IE", ProcessName="IExplorer.exe"},
        new ProcessShortcut(){DisplayName = "Notepad", ProcessName="notepad.exe"},
        new ProcessShortcut(){DisplayName = "Chrome", ProcessName="chrome.exe"},
    };
}

//MyView.xaml
<Window x:Name="Root">
...
   <ItemsControl ItemsSource="{Binding Shortcuts}">
      <ItemsControl.ItemTemplate>
          <DataTemplate>
              <Button Content="{Binding DisplayName, StringFormat='{}Start {0}'}" 
                      Command="{Binding ElementName=Root, Path=DataContext.LaunchAppCommand}" 
                      CommandParameter="{Binding ProcessName}"/>
          </DataTemplate>
      </ItemsControl.ItemTemplate>
   </ItemsControl>
...
</Window>

由于ItemsControl将模板中的DataContext设置为绑定项,因此需要ElementName绑定才能获得命令,并且不需要限定访问权限ProcessShortcut的成员。从长远来看,当你有这样的重复控件时,这通常是你想要采取的方法。