码迷,mamicode.com
首页 > 移动开发 > 详细

x01.Lab.StreetApp: MVVM

时间:2014-04-29 16:39:33      阅读:624      评论:0      收藏:0      [点我收藏+]

标签:android   com   http   class   blog   style   div   img   code   java   javascript   

Store App 特别适用于 MVVM 模式。由于要用到 SQLite,Bing Maps,所以第一步从网上搜索并安装这两个扩展。很难想象在智能手机上运行 SQL Server 这种巨无霸型数据库,SQLite 便成为首选。运行 SQLite,需要 C++ 扩展,而解决方案属性 => 配置管理中,CPU 也不能是 Any,应改为 x86。安装后,其添加引用窗口的 扩展 项如下:

        bubuko.com,布布扣

第二步,当然是下载源代码了。可到我的置顶随笔 x01.Lab.Download 中获取。解压后,双击 Lab.sln,按 F5 即可运行,效果图如下:

        bubuko.com,布布扣

这是 Logon 页面。User Name 是 hello,Password 是 123,输入后点击 Logon 按钮可进入到 Reports 页面。由于有很多图片需要从网上下载,故时间比较漫长。效果图如下:

        bubuko.com,布布扣

任点一项,可进入 Report Map 页面。效果图如下:

        bubuko.com,布布扣

由于 Bing Maps 需要许可,所以无显示。可点击右下 Open 按钮,在屏幕右边将显示一个地图。把地图向左拉动,会产生戏剧性变化,效果图如下:

        bubuko.com,布布扣

当然,还有诸如 SearchShareSetting 等超级按钮的使用,Toast 的显示等等,需要慢慢体会。此程序,来自《Programming Windows Store Apps with CSharp》一书,基本上包含了 Store App 开发的方方面面,建议购买之。该程序最大的亮点,是 MVVM 模式的使用,故重点说明一下。

虽然页面很多,但页面的代码却一致,并且少得可怜,大体如下:

bubuko.com,布布扣
using x01.Lab.StreetLib;

namespace x01.Lab.StreetApp
{
    [ViewModel(typeof(ILogonPageViewModel))]
    public sealed partial class LogonPage : StreetPage
    {
        public LogonPage()
        {
            this.InitializeComponent();
            this.InitializeViewModel(null);
        }
    }
}
bubuko.com,布布扣

何以如此之少?MVVM 模式功不可没。比较有趣的是如下代码:

bubuko.com,布布扣
using System.Collections.Generic;
using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace x01.Lab.StreetLib
{
    public class ModelEntity : INotifyPropertyChanged
    {
        private Dictionary<string, object> _Values = new Dictionary<string, object>();

        public event PropertyChangedEventHandler PropertyChanged;

        protected T GetValue<T>([CallerMemberName] string name = null)
        {
            return _Values.ContainsKey(name) ? (T)_Values[name] : default(T);
        }

        protected void SetValue(object value, [CallerMemberName] string name = null)
        {
            _Values[name] = value;
            OnPropertyChanged(new PropertyChangedEventArgs(name));
        }

        protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, e);
            }
        }

        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            OnPropertyChanged(new PropertyChangedEventArgs(name));
        }
    }
}
bubuko.com,布布扣

其中 【CallerMemberName】特性的使用,省了不少事。

又,TinyIoCSQLiteNewtonsoft.Json 这些 NuGet 库,也有许多值得学习和使用的地方。而 Package.appxmanifest 中功能的设置,同 Android 如出一辙。看来,这些大公司大项目,也是彼此学习的。人非生而知之,而是学而知之。“知之为知之,不知为不知,是知也。”

 

 

       

x01.Lab.StreetApp: MVVM,布布扣,bubuko.com

x01.Lab.StreetApp: MVVM

标签:android   com   http   class   blog   style   div   img   code   java   javascript   

原文地址:http://www.cnblogs.com/china_x01/p/3698146.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!