MVVM模式应用 之为ApplicationBarIconButton 添加Command操作属性
在学习MVVM的过程中,总是会遇到挫折,一碰到就是花费好长时间去解决。。唉,不求量,只求质。
第一种(已经实践成功):
(1)http://bindableapplicationb.codeplex.com/ 去这个网址,下载项目吧。
接下来,我就需要在我的项目中添加命名空间了。
添加代码:
<bar:Bindable.ApplicationBar> <bar:BindableApplicationBar> <bar:BindableApplicationBarButton Text="添加大学" IconUri="Images/appbar.add.rest.png"/> </bar:BindableApplicationBar> </bar:Bindable.ApplicationBar>
先看看效果:
看到了吧。。和ApplicationBarIconButton的效果是一样的。
而且,还有ApplicationBarIconButton不能实现的东西。
<bar:Bindable.ApplicationBar> <bar:BindableApplicationBar> <bar:BindableApplicationBarButton Text="添加大学" IconUri="Images/appbar.add.rest.png" Command="{Binding ToAddPageCommand}"/> </bar:BindableApplicationBar> </bar:Bindable.ApplicationBar>
看到没有啊 。。。
然后,在MainViewModel.CS中添加如下代码
(1)添加以下属性和方法:
public RelayCommand ToAddPageCommand { get; set; } public void NavigateToAddUniversity() { University1 = University3; }
(2)在初始化函数MainViewModel()中添加一句:
ToAddPageCommand = new RelayCommand(()=>{ NavigateToAddUniversity(); });
为体会BindableApplicationBar.dll类库给我们带来的强大的功能,贴如下代码:
<bar:Bindable.ApplicationBar> <bar:BindableApplicationBar IsVisible="{Binding BarIsVisible}" IsMenuVisible="{Binding IsMenuVisible, Mode=TwoWay}" IsMenuEnabled="{Binding IsMenuEnabled}" ForegroundColor="{Binding ForegroundColor, Converter={StaticResource DoubleToColorConverter}}" BackgroundColor="{Binding BackgroundColor, Converter={StaticResource DoubleToColorConverter}}" BindableOpacity="{Binding Opacity}" Mode="{Binding Mode}" MenuItemsSource="{Binding MenuItems}" ButtonsSource="{Binding Buttons}"> <!--<bar:BindableApplicationBar.MenuItemTemplate> <DataTemplate> <bar:BindableApplicationBarMenuItem Text="{Binding Text}" Command="{Binding Command}" CommandParameter="{Binding CommandParameter}"/> </DataTemplate> </bar:BindableApplicationBar.MenuItemTemplate>--> <bar:BindableApplicationBarButton Text="{Binding IconButtonText}" IconUri="{Binding IconUri, FallbackValue=/Icons/Dark/appbar.add.rest.png}" IsEnabled="{Binding ButtonIsEnabled}" /> <bar:BindableApplicationBarButton Text="XAML Btn 2" IconUri="/Icons/Dark/appbar.next.rest.png" Command="{Binding TestCommand}" CommandParameter="{Binding TestCommandParameter}" /> <bar:BindableApplicationBar.MenuItems> <bar:BindableApplicationBarMenuItem Text="{Binding MenuItemText}" IsEnabled="{Binding MenuItemIsEnabled}" /> <bar:BindableApplicationBarMenuItem Text="XAML MnuIt 2" Command="{Binding TestCommand2}" CommandParameter="{Binding TestCommand2Parameter}" /> </bar:BindableApplicationBar.MenuItems> </bar:BindableApplicationBar> </bar:Bindable.ApplicationBar>
参考链接:
http://bindableapplicationb.codeplex.com/
MVVM模式应用 之为ApplicationBarIconButton 添加Command操作属性的更多相关文章
- 【转】ASP.NET MVC框架下使用MVVM模式-KnockOutJS+JQ模板例子
KnockOutJS学习系列----(一) 好几个月没去写博客了,最近也是因为项目紧张,不过这个不是借口,J. 很多时候可能是因为事情一多,然后没法静下来心来去写点东西,学点东西. 也很抱歉,突然看到 ...
- wp8使用mvvm模式简单例子
mvvm是silverlight/wpf下的mvc升华 通过一个简单的加法计算器例子来说明mvvm是什么 在设计界面完成设计之后,显示简单的布局,如下图: 然后来比较,传统的直接方式,mvc和mvvm ...
- WPF自学入门(十一)WPF MVVM模式Command命令 WPF自学入门(十)WPF MVVM简单介绍
WPF自学入门(十一)WPF MVVM模式Command命令 在WPF自学入门(十)WPF MVVM简单介绍中的示例似乎运行起来没有什么问题,也可以进行更新.但是这并不是我们使用MVVM的正确方式 ...
- 【转】【WPF】MVVM模式的3种command
1.DelegateCommand 2.RelayCommand 3.AttachbehaviorCommand 因为MVVM模式适合于WPF和SL,所以这3种模式中也有一些小差异,比如RelayCo ...
- MVVM模式的3种command总结[2]--RelayCommand
MVVM模式的3种command总结[2]--RelayCommand RelayCommand本来是WPF下面用的一种自定义的command,主要是它用到了事件管理函数,这个SL下面是没有的.不过这 ...
- MVVM模式的3种command总结[1]--DelegateCommand
MVVM模式的3种command总结[1]--DelegateCommand 查了不少资料,大概理清楚的就是有3种.当然类名可以自己取了,不过为了便于记忆和区分,还是和看到的文章里面用一样的类名. 1 ...
- WPF ContextMenu 在MVVM模式中绑定 Command及使用CommandParameter传参
原文:WPF ContextMenu 在MVVM模式中绑定 Command及使用CommandParameter传参 ContextMenu无论定义在.cs或.xaml文件中,都不继承父级的DataC ...
- 【WPF】MVVM模式的3种command
原文:[WPF]MVVM模式的3种command 1.DelegateCommand 2.RelayCommand 3.AttachbehaviorCommand 因为MVVM模式适合于WPF和SL, ...
- [转载]MVVM模式原理分析及实践
没有找到很好的MVVM模式介绍文章,简单找了一篇,分享一下.MVVM实现了UI\UE设计师(Expression Blend 4设计界面)和软件工程师的合理分工,在SilverLight.WPF.Wi ...
随机推荐
- Bzoj 1901: Zju2112 Dynamic Rankings 树套树,线段树,平衡树,Treap
1901: Zju2112 Dynamic Rankings Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 6471 Solved: 2697[Su ...
- No valid host was found
set in nova.conf -> scheduler_default_filters=AllHostsFilter Tried without success.
- Result
1.常用四种类型: a) dispatcher(默认) 服务器跳转(普通转发),就是forward到一个JSP或者HTML或者其他结果页面,不能是Action 视图请求地址是 ...
- 高级IO复用应用:聊天室程序
简单的聊天室程序:客户端从标准输入输入数据后发送给服务端,服务端将用户发送来的数据转发给其它用户.这里采用IO复用poll技术.客户端采用了splice零拷贝.服务端采用了空间换时间(分配超大的用户数 ...
- cocos 事件分发2
cocos的事件分发器CCTouchDispatcher,存在两个通道, m_pTargetedHandlers存储CMenu,CScrollView的事件处理器, 这里的处理器,在处理过消息后,会声 ...
- hdu1698(线段树的区间替换)
HDU1698 #include <bits/stdc++.h> using namespace std; #define Maxn 1001000*4 struct Node{ int ...
- indexOf()不区分大小写用法
str.toLowerCase().indexOf(str.toLowerCase())>=0; 对字符串进行统一小写转换. indexOf()查找到返回索引值大于=0; 未找到,返回-1; i ...
- Servlet/jsp 中 获取页面所有传递参数
Enumeration en = request.getParameterNames(); while(en.hasMoreElements()){ String el = en.nextElemen ...
- 用CSS border相关属性画三角形
效果 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva2l3aV9jb2Rlcg==/font/5a6L5L2T/fontsize/400/fill/I0J ...
- System.currentTimeMillis();
1. 意义: currentTimeMillis()返回以毫秒为单位的当前时间,返回的是当前时间与协调世界时 1970 年 1 月 1 日午夜之间的时间差(以毫秒为单位測量).注意,当返回值的时间单 ...