UWP开发-重新理解MVVM

  MVVM是一个比较热门的开发框架,尽管已经出现很久了,仍然比较受欢迎。MVVM框架包括:

    M:Model;Model指的是数据模型,例如你要在页面展示联系人信息,那么Model就是联系人的模型,包括联系人的名字,电话号码,头像等。。。

    V:View;View指的是展示的页面,比如你所现在看到的这篇文章都是View。

    VM:ViewModel;ViewModel指的是对View的抽象!什么是抽象? 大概就是它实际是存在的,但你又不能直接"看"到。

对于这三者的关系,我举个简单的例子吧:

  假设你喜欢一个姑娘,姑娘都有身高,体重,脸蛋类型等等对吧.

 public class 姑娘
    {
        public enum 脸蛋类型
        {
            光滑 = 0,
            麻子 = 1
        }
        public string 姓名 { get; set; } 
        public double 身高 { get; set; }
        public double 体重 { get; set; }
        public 脸蛋类型 脸蛋 { get; set; }
    }

光有姑娘的概念不行呀,你要的是一个实例,那好,咱new一个

private 姑娘 我的姑娘 = new 姑娘 { 体重 = 200, 姓名 = "狗蛋", 脸蛋 = 脸蛋类型.麻子, 身高 = 150 ,IsLike=false};//私有

你一看,卧槽这哪行,赶快滚蛋,重新new一个

 private 姑娘 我的姑娘 = new 姑娘 { 体重 = 100, 姓名 = "柳言", 脸蛋 = 脸蛋类型.光滑, 身高 = 165,IsLike=true };

喜欢的姑娘有了,但你不知道姑娘是不是也喜欢你呀,所以你想对姑娘表达爱慕,看看姑娘的反应:

   private async Task 表达爱慕()
        { 
            string 骚话 = "骚话不断,我宣你!";
            try
            {
                var 她喜欢我 = await Say(骚话, 我的姑娘);
                var 心情 = 她喜欢我 ? "得意洋洋" : "哭天抢地";
            }
            catch
            {
                Debug.WriteLine("革命尚未成功,同志仍需努力!");
            }
        }
        private async Task<bool> Say(string _word, 姑娘 _girl)
        {
            //此处说完
            await Task.Delay(10000);//姑娘很矜持
            Random R = new Random();
            var res= R.Next(0, 1);
            switch (res)
            { 
                case 1:
                    return true;
                default:
                    return false;
            } 
        }

 上面的姑娘类就是Model,new的姑娘对象和表达爱慕就是ViewModel,你看到姑娘和姑娘给你的反馈就是View。

好了,现在说正经的:

  在正式讲MVVM之前先讲几个重要的知识:Binding,DataContext,INotifyPropertyChanged接口

Binding就是数据的绑定啦,比如你要展示上面姑娘的信息:

     <StackPanel x:Name="profile_SP">
            <TextBlock Text="{Binding 身高,Mode=OneWay}"/>
            <TextBlock Text="{Binding 体重,Mode=TwoWay}"/>
        </StackPanel>

Binding的Mode有三种:OneTime;OneWay,TowWay。OneTime表示绑定这个值以后无法更改;OneWay表示后台的更改前台同步显示,但前台的更改后台不会发生改变,只会改变前台的显示;TwoWay表示无论在哪里的更改都是有效的。默认OneWay

这里的身高和体重就是Binding的Path,Binding还有一个Source属性,这里没有指定,但是在后台需是要指定,不然找不到身高和体重这两个属性了。Binding找数据源是根据控件树一级一级往上找的,如果没找到就会报错。

在后台代码中指定DataContex

profile_SP.DataContext = 我的姑娘;

也可以指定为这个页面的DataContext

this.DataContext = 我的姑娘;

但这样有个问题呀。假如你心仪这个姑娘很久了,你就一直盯着她的资料看,但是,姑娘长膘了,从原来的100长到了150,但你不知道啊,因为你看到的是她原来的资料。这时候就需要实现INotifyPropertyChanged接口来通知前端后台发生了数据更改。

  public class DispatcherManager
    {
        private CoreDispatcher _dispatcher;
        public CoreDispatcher Dispatcher
        {
            get
            {
                return _dispatcher;
            }
            set
            {
                _dispatcher = value;
            }
        }

        private static DispatcherManager _current;
        public static DispatcherManager Current
        {
            get
            {
                if (_current == null)
                {
                    _current = new DispatcherManager();
                }
                return _current;
            }
        }
    }
    public class 姑娘 : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        protected async void OnPropertyChanged([CallerMemberName]string propertyName = "")
        {
            if (PropertyChanged != null)
            {
                if (DispatcherManager.Current.Dispatcher == null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
                }
                else
                {
                    if (DispatcherManager.Current.Dispatcher.HasThreadAccess)
                    {
                        PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
                    }
                    else
                    {
                        await DispatcherManager.Current.Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,
                            delegate ()
                            {
                                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
                            });
                    }
                }
            }
        }
        public enum 脸蛋类型
        {
            光滑 = 0,
            麻子 = 1
        }
        private double _weight;
        private bool _islike;
        public string 姓名 { get; set; } 
        public double 身高 { get; set; }
        public double 体重
        {
            get { return _weight; }
            set { _weight = value;OnPropertyChanged(); }
        }
        public 脸蛋类型 脸蛋 { get; set; }
        public bool IsLike
        {
            get { return _islike; }
            set { _islike = value;OnPropertyChanged(); }
        }
}

好了现在姑娘长膘了我们可以随时知道,也可以随时”变心“了(都是“善变”的动物)。

  先来看View:

 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel>
            <TextBlock Text="{Binding 姓名}"/>
            <TextBlock Text="{Binding 身高}"/>
            <TextBlock Text="{Binding 体重,Mode=TowWay}"/>
            <TextBlock Text="{Binding 脸蛋}"/>
        </StackPanel>
    </Grid>

很简单,就展示了姑娘的基本信息。

接下来设置ViewModel:

public delegate void MovieWatchEventHander();
        public delegate void 头脑发热EventHandler();
        public event MovieWatchEventHander MovieWatched;//看完一部爱情电影后
        public event 头脑发热EventHandler 头脑发热ed;
        private GrilViewModel _viewModel;

        public GirlPage()
        {
            this.InitializeComponent();
        }
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            base.OnNavigatedTo(e);
            if(e.NavigationMode== NavigationMode.New)
            {
                this.DataContext = _viewModel = new GrilViewModel();
                MovieWatched += GirlPage_MovieWatched;
                头脑发热ed += GirlPage_头脑发热ed;
            }
        }

        private async void GirlPage_头脑发热ed()
        {
            await _viewModel.表达爱慕();
        }

        private async void GirlPage_MovieWatched()
        {
            await _viewModel.表达爱慕();
        }

注意这里我为什么不把事件等东西全部放到ViewModel呢?严格按照MVVM来说是的,应该放在ViewModel里,但是,我们不要为了模式而模式,尤其是页面的事件,Button的Click还好说,有Command,但是其他时间要写到MVVM里面就非常麻烦,而这并没有给我们带来明显的好处,所以还是直接放到页面的cs文件中比较好。

  说说我理解的模式吧,就好比一个剑客

第一层:手中无剑,拿一根木棍胡乱打一通;就跟我们开始写代码,不管三七二十一,实现再说;

第二层:手中有剑,会一招一式,此时可以行走江湖,一般来说应付得过来;按照“模式”来;

第三曾:手中无剑,心中有剑,此时就是绝顶高手,杀人于无形;模式变通,无招胜有招;

  哈哈,以上就是我瞎jb吹nb的,其实我就是个刚入门的菜鸟。希望各位大侠轻喷!

posted @ 2016-11-24 14:40 Yixin-Ran 阅读(...) 评论(...) 编辑 收藏