mvvm - UWP 数据绑定(bind)不适用于 ViewModel

Question

我是 UWP 和 MVVM 的新手，遇到了一个对你们中的许多人来说似乎显而易见的问题。

在我的项目中，我有 3 个名为 Views、ViewModels 和 Models 的文件夹，其中包含一些文件，如下图所示:

还不能上传图片(信誉):

http://i.imgur.com/42f5KeT.png

The problem: I am trying to implement MVVM. I have searched hours for articles and videos but it seems I am always missing something. I have some bindings in the LoginPage.xaml which I then modify in a class inside Models/LoginPageModel.cs. I have an INotifyPropertyChanged class in my LoginPageViewModel.cs where every time a property changes in my LoginPageModel.cs I want the INotifyPropertyChanged class to trigger which will then change the property in the LoginPage.xaml View. Below I have the content of those files.

这是我的 LoginPageModel.cs 代码示例:

using System;
using System.Threading.Tasks;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace App_Name.Models
{
    class LoginPageModel
    {
        private NotifyChanges notify;

        public async void LogIn()
        {
            if (something is true)
                notify.LoginUIVisibility = Visibility.Visible;
        }
    }
}

这是我的LoginPageViewModel.cs:

using System.ComponentModel;
using System.Runtime.CompilerServices;
using Windows.UI.Xaml;

namespace App_Name.ViewModels
{
    public class NotifyChanges : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged([CallerMemberName] string propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        private Visibility loginUIVisibility = Visibility.Collapsed;

        public Visibility LoginUIVisibility
        {
            get
            {
                return loginUIVisibility;
            }

            set
            {
                if (value != loginUIVisibility)
                {
                    loginUIVisibility = value;
                    NotifyPropertyChanged("LoginUIVisibility");
                }
            }
        }
    }
}

这是一个 LoginPage.xaml 的例子:

<Page
    x:Class="App_Name.LoginPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App_Name"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:vm="using:App_Name.ViewModels"
    mc:Ignorable="d">

    <Page.DataContext>
        <vm:NotifyChanges/>
    </Page.DataContext>

    <StackPanel Visibility="{Binding LoginUIVisibility}">

这是我的 LoginPage.xaml.cs:

namespace App_Name
{
    public sealed partial class LoginPage : Page
    {
        private LoginPageModel login;
        public LoginPage()
        {
            InitializeComponent();
            login.LogIn();
        }
    }
}

I don't know why this is not working. Bindings used not to work, but now at runtime it gives me an unhandled exception and I think it has to do with not assigning any value to the private NotifyChanges notify and private LoginPageModel login objects, but I don't know what. Thanks everyone for your time in advance!

如果您需要澄清我的问题，请发表评论。谢谢!

Answer 1

I am trying to implement MVVM.

而且您还没有做对。暂时忘掉绑定(bind)，让我们关注架构。

顺着首字母缩写，你需要

• 模特。它支持您的业务逻辑，通常由您的后端(数据库)定义。它不应该依赖于(注意) View 或 View 模型。轻量级 UWP 应用程序可以在没有模型层的情况下运行。

• 一个 View 。这是我们希望尽可能简单的 XAML 部分，a.o.原因是因为它最难测试。

• 一个 View 模型。它的目的是为 View 服务。它应该包含 View 可以直接绑定(bind)到的属性和命令。它尽可能多地进行转换和聚合以保持 View 轻盈。它通常依赖于(0 个或更多)模型或服务。

鉴于此，您不应该总是为 1 个 ViewModel 使用 1 个模型。 ViewModel 可以使用多个模型，也可以不使用。

很明显，您的 LoginPageModel.Login() 放错了地方。 Login() 应该是您的 ViewModel 上的一个方法 (Command)。

你的故事应该是这样的:

1. 我想要一个登录 View
2. 所以我需要用 LoginViewModel 来支持它，实现 INPC
3. ViewModel 可能需要使用 LoginService 或 UserModel。但是在成功登录后它只需要一个模型实例。 LoginModel 听起来不对。

看看Template10开始使用 View、ViewModel 和线程安全的 BindableBase。

你也可以看看图片over here MVVM 的完整(可能在顶部)布局。