设为首页 收藏本站
查看: 1455|回复: 0

手把手玩转win8开发系列课程(17)

[复制链接]

尚未签到

发表于 2015-5-21 11:35:47 | 显示全部楼层 |阅读模式
  上节,已经为appBar换上皮肤了,显然不够。我这里要使她有一定的功能。
  实现appBar Button的功能
  现在 app Bar上面的控件只是像一些梨一样“好看不好吃”,我必须实现他的功能,因此,我实现功能的源代码就如下所示:
  下面,我要做的事情,就是实现这样一个功能——当用户点击此按钮的时候,要界面上某一项从数组中移去,这样才能像普通购物车一样用户才能对商品自由的选择。下面就是实现这个功能的源代码:



1 using MetroGrocer.Data;
2 using Windows.UI.Xaml;
3 using Windows.UI.Xaml.Controls;
4 using Windows.UI.Xaml.Navigation;
5 namespace MetroGrocer.Pages {
6   public sealed partial class ListPage : Page {
7     //ViewModel数据对象
8     ViewModel viewModel;
9     public ListPage() {
10       //进行对象的实例化
11       viewModel = new ViewModel();
12       // …test data removed for brevity
13 this.InitializeComponent();
14       this.DataContext = viewModel;
15       ItemDetailFrame.Navigate(typeof(NoItemSelected));
16        //PropertyChanged  属性改变的事件
17       viewModel.PropertyChanged += (sender, args) => {
18         if (args.PropertyName == “SelectedItemIndex") {
19           if (viewModel.SelectedItemIndex == -1) {
20         //导航到哪儿    ItemDetailFrame.Navigate(typeof(NoItemSelected));
21       AppBarDoneButton.IsEnabled = false;
22           } else {
23             ItemDetailFrame.Navigate(typeof(ItemDetail), viewModel);
24       AppBarDoneButton.IsEnabled = true;
25           }
26         }
27       };
28     }
29      
30     protected override void OnNavigatedTo(NavigationEventArgs e) {
31     }
32    //选择改变的事件   
33 private void ListSelectionChanged(object sender, SelectionChangedEventArgs e) {
34       viewModel.SelectedItemIndex = groceryList.SelectedIndex;
35     }
      //点击事件
36   private void AppBarButtonClick(object sender, RoutedEventArgs e) {
37     if (e.OriginalSource == AppBarDoneButton
38         && viewModel.SelectedItemIndex > -1) {
39       viewModel.GroceryList.RemoveAt(viewModel.SelectedItemIndex);
40       viewModel.SelectedItemIndex = -1;
41     }
42    }
43   }
44 }
  
  
  对于上述的源代码,我要强调这么两点,第一点所谓appBar 能够做出相应相应,只不过是通过了某个点击的事件,在其事件中实现某种功能。
  第二点就是这里我们又一次见识到了viewModel传递的数据带来的好处,在这个AppbarButtonClick事件中,当没有某个项的时候,你并不需要跳转到NoItemSelected页面,或者使按钮失效。我这里指简单的更新ViewModel以后,这样的所谓后台的变化也能方便的呈现给前台。
  哝——点击appBar Button界面能够做出反应了。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-69196-1-1.html 上篇帖子: Win8中缩放视图(SemanticZoom控件) 下篇帖子: win8.1 安装完系统必看,怎么离线安装【 .Net3.5】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表