6

我需要编写一个小应用程序来读取配置文件并用它生成一些报告。我希望最终能使用 MVVM，但入门非常棘手。哦，我正在使用 Caliburn.Micro 框架。

所以这就是我所拥有的，一个外壳（承载其他视图的主视图），上面有一个带有 3 个按钮的功能区：

1) 打开文件 2) 显示设置 3) 显示结果

还有另外两个视图，SettingsView 和 ResultsView，带有用于生成和删除报告的按钮。

所以我猜视图结构是这样的：

ShellView
   Ribbon
      OpenFileButton
      SettingsButton
      ResultsButton
   ContentControl (hosts SettingsView and ResultsView)

SettingsView
    CalculateResultsButton

ResultsView
    CancelResultsButton

棘手的部分是：

1. "Show settings" button is disabled until a file is opened (via Open file). 
2. "Show results" button is disabled until a report is calculated (via a 
    method in SettingsViewModel).
3. If a report is calculated, the CalculateResultsButton is disabled and
   CancelResultsButton is enabled and vice versa.

请告知我怎么能做到这一点？我不知道我应该采取什么策略。我的非 MVVM 思维大脑说我应该创建一个状态变量，然后以某种方式将这些按钮绑定到该变量，但我想这在 MVVM 世界中不起作用，对吧？任何代码示例都将非常非常感谢！

非常感谢！

4

2 回答 2

1

由于您使用的是 CM，因此您不需要任何代码隐藏。如果需要，您可以删除 .xaml.cs 文件。

这是一个非常基本的示例，但它应该让您了解如何控制按钮的状态。在本例中，Open将启用而其他两个被禁用。如果单击Open，Settings则启用。单击Results一次也会发生同样的情况。Settings

如果您需要一种方法来执行全局状态，则可以通过将单例 ,SharedViewModel注入 ViewModel 来应用相同的概念，并且 CanXXX 方法可以检查SharedViewModel. 这是一个不同事物的 SL 演示，但其中一个是注入一个单例来共享数据，同样的想法也适用于 wpf。

外壳视图：

<Window x:Class="CMWPFGuardSample.ShellView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Grid Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0"
                    Orientation="Horizontal">
            <Button x:Name="Open"
                    Content="Open" />
            <Button x:Name="Settings"
                    Content="Settings" />
            <Button x:Name="Results"
                    Content="Results" />
        </StackPanel>
    </Grid>

</Window>

外壳视图模型：

 [Export(typeof (IShell))]
    public class ShellViewModel : PropertyChangedBase, IShell
    {
        private bool _isOpen;
        public bool IsOpen
        {
            get { return _isOpen; }
            set
            {
                _isOpen = value;
                NotifyOfPropertyChange(() => IsOpen);
                NotifyOfPropertyChange(() => CanSettings);
            }
        }

        private bool _isSettings;
        public bool IsSettings
        {
            get { return _isSettings; }
            set
            {
                _isSettings = value;
                NotifyOfPropertyChange(() => IsSettings);
                NotifyOfPropertyChange(() => CanResults);
            }
        }

        public bool IsResults { get; set; }

        public void Open()
        {
            IsOpen = true;
        }

        public bool CanSettings
        {
            get { return IsOpen; }
        }

        public void Settings()
        {
            IsSettings = true;
        }

        public bool CanResults
        {
            get { return IsSettings; }
        }

        public void Results()
        {
        }
    }
于 2012-04-04T19:50:02.847 回答
0

MVVM 和 WPF 命令完全符合您的“棘手部分”要求，因为内置了ICommand.CanExecute()方法，该方法允许基于自定义逻辑启用/禁用相应的按钮。

要使用这个简单的功能，请先查看 MSDN How to: Enable a Command上的RoutedCommand 类和自我解释示例（请参见下面的代码片段）。

总的来说，关于 MVVM，它真的很简单！只需尝试一下，您就不会没有它;) 简而言之 - 您必须为每个EntityView.xaml相应的EntityViewModel类创建，然后只需将它的实例放在 View 的 DataContext 中，或者显式地在代码中或使用绑定：

var entityViewModel = new EntityViewModel();
var view = new EntityView();
view.DataContext = entityViewModel;

MVVM Command 和 Command.CanExecute 绑定：

XAML： 

<Window x:Class="WCSamples.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="CloseCommand"
    Name="RootWindow"
    >
  <Window.CommandBindings>
    <CommandBinding Command="ApplicationCommands.Close"
                    Executed="CloseCommandHandler"
                    CanExecute="CanExecuteHandler"
                    />
  </Window.CommandBindings>
  <StackPanel Name="MainStackPanel">
    <Button Command="ApplicationCommands.Close" 
            Content="Close File" />
  </StackPanel>
</Window>

后面的 C# 代码： 

// Create ui elements.
StackPanel CloseCmdStackPanel = new StackPanel();
Button CloseCmdButton = new Button();
CloseCmdStackPanel.Children.Add(CloseCmdButton);

// Set Button's properties.
CloseCmdButton.Content = "Close File";
CloseCmdButton.Command = ApplicationCommands.Close;

// Create the CommandBinding.
CommandBinding CloseCommandBinding = new CommandBinding(
    ApplicationCommands.Close, CloseCommandHandler, CanExecuteHandler);

// Add the CommandBinding to the root Window.
RootWindow.CommandBindings.Add(CloseCommandBinding);
于 2012-04-04T18:40:32.623 回答