摘要： 这节，给appbar添加button样式，使其外表样式更加的丰满。添加APPBarButton样式standardStyle页面中包含了appBar的Button的样式。其样式的xaml的源代码如下：1 <!--AppBar的样式-->2 <Style x:Key="AddAppBarButtonStyle" TargetType="Button"3 BasedOn="{StaticResource AppBarButtonStyle}">4 <!--AutomationId 动画id-->5 &l 阅读全文

摘要： 这节的议程就是——添加appbarappbar是出现在哪儿了，出现在屏幕的底部。他能使用户能用手势或者使用鼠标操作程序。metro UI 重点是在主要的控件使用许多控件，使其用户使用win8电脑更加的方便。而appBar使其用户体验更好。在这节中，我将告诉你如何定义和填充app Bar。在界面的顶部有一个类似的控件，叫做navbar。这使其程序中，能够互相导航。 至于如何创建 使用navbar ,我将在后续文章详细的介绍。定义一个appBar我将用最简单的方法创建一个AppBar.下面源代码就是创建一个appBar： 1 <Page 2 x:Class="MetroGrocer 阅读全文

摘要： 操作条，进度条和导航（1）——概要在这章中，我将会是这这个项目具有更好的metro风格的用户体验。这个appba控件为用户输入更加的方便，这个navbar为用户导航操作更加的便捷。我还介绍了如何创建弹出式窗口，用于捕获来自用户提示的信息，通常，这是对appbar的交互以后的相应。下图展示这章的概要：如果你想有更好的学习的效果的话，如果你按照的前面的文章已经做了的话，请在模拟器中卸载，相应的源代码可以去Apress.com来下载完整的源代码，再在模拟器中通过不同路径来安装。哝，这章的基本概要已经ok了，期待我下面的文章吧。 阅读全文

摘要： 上节，说到怎么插入相应的页面。这节，真真正正来插入页面看看。插入页面很显然，只定义一个ItemDetail页面是远远不够的。为了完成这项用户选择某项来展示不同信息的功能，我需要写许多的代码。下面就展示了我所写的源代码： 1 using System; 2 using MetroGrocer.Data; 3 using Windows.UI.Xaml; 4 using Windows.UI.Xaml.Controls; 5 using Windows.UI.Xaml.Navigation; 6 namespace MetroGrocer.Pages { 7 public sealed par.. 阅读全文