MVVMLight+WPF

2017-06-07 11:48:26来源:CSDN作者:sinat_30224769人点击

安装MVVMLight的方法网上有很多例子,我使用NUGet 搜索并安装在程序目录下,
http://www.cnblogs.com/chenxizhang/archive/2011/10/01/2197786.html
也可以参照该文章,进行安装

1.安装完成MVVMLight以后 先拿主窗体做实验,将自动生成的Mainviewmodel 绑定到 主窗体上

    <Window.DataContext>        <vm:MainViewModel x:Name="mainViewModel" />    </Window.DataContext>

OK绑定完成

但是此时没有任何效果,因为还没有任何的数据绑定。

我们在Mainviewmodel中添加一些数据属性,可以将这些显示到界面中

    /// <summary>        /// 总数据        /// </summary>        public List<YourClass> AllList { get; set; }        /// <summary>        /// 展示的数据(已付、未付、已确认)        /// </summary>        public List<YourClass> AllListView { get; set; }        /// <summary>        /// 明细显示数据        /// </summary>        public YourClass ClassDetial { get; set; }        /// <summary>        /// 明细是否显示        /// </summary>        public Visibility DetialVisibility { get; set; } = Visibility.Hidden;        /// <summary>        /// 订单明细是否显示        /// </summary>        public String Title{ get; set; } =你好!;        /// <summary>        /// 订单明细是否显示        /// </summary>        public double num{ get; set; } 

后台中需要存储的属性会和前台相互呼应,当你在后台对值操作时,调用通知前台界面也会随之变化。

<TextBlock     Text="{Bingding Title}" .......<TextBlock     Text="{Bingding num}" .......<DataGrid  ItemsSource="{Bingding AllListView }"...<Button Visibility ="{Bingding DetialVisibility }"...

我在编码过程中队列表做了两个数据AllList 、AllListView 因为不想在执行数据操作时影响前台界面显示,所以只用ALLList做数据处理筛选出数据再赋值到AllListView

DetialVisibility = Visibility.Visible;this.RaisePropertyChanged("DetialVisibility ", DetialVisibility );//this.RaisePropertyChanged(()=>DetialVisibility );

当你修改完数据界面不会马上改动需要调用方法通知,调用以上代码可以达到通知效果
如果这个也不能通知需要使用

Set("Title",ref Title)

对于命令的绑定是这样的

        public ICommand ViewCommand        {            get            {                return new RelayCommand<int>((ViewType) =>                {DetialVisibility = Visibility.Visible;this.RaisePropertyChanged("DetialVisibility ", DetialVisibility );                });            }        }

前台

<Button Command="{Binding ViewCommand}"  CommandParament="1" .....

CommandParament可以传也可以不传

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台