摘要: Windows 8.1 和 WinJS 引入了以下新控件和功能,分别是:AppBarCommand、BackButton、Hub、ItemContainer、NavBar、Repeater、WebView。本篇我们先来介绍 AppBarCommand、BackButton、Hub、ItemContainer,其余三种放在下一篇中介绍。1. AppBarCommandWindows 8.1 加入了AppBarCommand 控件来创建自定义应用栏命令。AppBarCommand可以是这几种类型:button、toggle、flyout、separator 和 content。我们来看一个例子: 阅读全文
posted @ 2014-03-30 18:54 shaomeng 阅读(1617) 评论(0) 推荐(2) 编辑
摘要: 前面几篇我们介绍了如何利用 C# + XAML 完成Windows Store App 功能的实现,接下来的几篇我们来看看如何利用 Html + WinJS 来完成这些功能。本篇我们使用WinJS 来创建一个简单的项目,来看看项目的构成是怎样的,与C#,XAML 的项目有哪些异同。首先我们在Visual Studio 2013中选择模板 -> JavaScript -> Windows 应用商店来创建一个空白应用程序,来看看项目的构成(为方便对照,我在右边放了使用XAML的商店应用截图)WinJS项目里没有Properties目录去描述程序集的信息引用目录包含了应用中需要的程序包, 阅读全文
posted @ 2014-03-28 19:40 shaomeng 阅读(1839) 评论(3) 推荐(0) 编辑
摘要: 本篇我们来了解一下Windows 8.1 给应用的视图状态带来了哪些变化,以及我们怎么利用这些变化作出更好的界面视图。首先我们来简单回顾一下Windows 8.0 时代的视图状态: 上图中,从左到右依次是Windows 8 应用的三种视图状态:Full Screen, Snapped 和 Filled。其中Snapped 和 Filled 状态只能显示在横向分辨率在1366像素或更高的屏幕中。而Snapped视图固定宽度为320像素。我们对视图状态的判断和使用主要会用到ApplicationView.Value来获取当前视图状态的值,它是枚举类型,包括FullScreenLandscape,. 阅读全文
posted @ 2014-03-20 16:27 shaomeng 阅读(1266) 评论(0) 推荐(2) 编辑
摘要: 本篇和大家一起了解一下Windows 8.1 中磁贴的更新,我们来看看如何利用它做出更好的应用磁贴。首先我们从展现形式上来对比一下Windows 8 与 Windows 8.1 中的磁贴:Windows 8支持两种尺寸的磁贴,正方形磁贴(150 * 150 像素)和长方形磁贴(310 * 150 像素)。如下图中邮件和日历属于长方形磁贴,地图和应用商店等属于正方形磁贴。Windows 8.1在8.0 的磁贴种类基础上,多支持了两种尺寸的磁贴,小磁贴(70 * 70 像素)和 大磁贴(310 * 310 像素)。这样一来Windows 8.1 一共支持四种尺寸的磁贴,分别为小磁贴、中磁贴(原正方 阅读全文
posted @ 2014-03-19 16:48 shaomeng 阅读(1584) 评论(0) 推荐(3) 编辑
摘要: Windows 8.1 除了新增了很多很有用的控件外,还对一些控件做出了更新。接下来我们一起对这些更新的控件一一做出讲解。1. FlipView 更新翻转视图控件,在应用中常用作图片等内容的翻页/滑动显示。用户可以浏览多个项目,每次显示一个。下面我们来看看FlipView控件的简单用法: 在上面的图中,我们看到,翻转视图中有三个项目:1/2/3,每次滑动或点击左右键可以切换显示一个项目。那么Windows 8.1 ... 阅读全文
posted @ 2014-03-17 15:19 shaomeng 阅读(1436) 评论(2) 推荐(1) 编辑
摘要: 本篇我们接着来介绍Windows 8.1 的新增控件,分别是:Flyout、MenuFlyout、SettingsFlyout、Hub 和 Hyperlink。1. FlyoutFlyout被称为浮出控件,能起到提示或者简单交互作用。我们可以利用它来要求用户确认操作、收集用户输入信息或显示提示信息等。只有当用户点击时才显示Flyout,当点击外部任意点时,Flyout消失。Flyout通常会附加到Button上,所以Button拥有Flyout属性来简化附加和使用的过程。 ... 阅读全文
posted @ 2014-03-14 17:50 shaomeng 阅读(1420) 评论(1) 推荐(5) 编辑
摘要: Windows 8.1 新增的一些控件,分别是:AppBar、CommandBar、DatePicker、TimePicker、Flyout、MenuFlyout、SettingsFlyout、Hub 和 Hyperlink。我们分成两篇来介绍,本篇先为大家介绍AppBar、CommandBar、DatePicker 和 TimePicker。1. AppBarWindows 8.1引入了几种新的控件来帮助我们更快捷的创建应用程序栏,分别是AppBarButton、AppBarToggleButton 和 AppBarSeparator。应用程序栏按钮默认外观是圆圈,而不是常规按钮的矩形(做过 阅读全文
posted @ 2014-03-14 09:34 shaomeng 阅读(1498) 评论(0) 推荐(3) 编辑
摘要: 本篇为大家介绍Windows 商店应用中几种布局控件的用法。分别是Canvas、Grid、StackPanel 和 VariableSizedWrapGrid。1. CanvasCanvas使用绝对定位对子元素进行布局。元素使用Canvas.Left 和 Canvas.Top 附加属性进行绝对定位。元素可以使用Canvas.ZIndex附加属性指定分层,Canvas.ZIndex是int类型,值越大,分层越靠前。所以下面代码中,如果元素的Canvas.ZIndex值相同的话,Canvas中元素的排列顺序按照从后到前为Red、Blue、Green、Yellow,如下面左图所示。但是因为红色色块设 阅读全文
posted @ 2014-03-11 01:10 shaomeng 阅读(829) 评论(1) 推荐(1) 编辑
摘要: 本篇为大家简单介绍Windows 商店应用中控件的用法,为方便讲解,我们在文本控件和按钮控件这两类中分别挑选有代表性的控件进行详细说明。1. 文本控件(1) TextBlockTextBlock是最常用的文本显示控件,重点关注以下属性:CharacterSpacing 字符之前的统一间距,间距 = 字体大小 / 1000。默认为0,正值增进跟踪和放宽字符间距。负值减少跟踪和收紧字符调间距。IsColorFontEnabled 布尔值,确定颜色标志符号是否以彩色显示。如果颜色标志符号以彩色显示,则为 true;否则为 false。 默认为 true。LineStackingStrategy 枚举 阅读全文
posted @ 2014-03-07 17:59 shaomeng 阅读(933) 评论(0) 推荐(0) 编辑
摘要: 转眼间Windows 8.1已经发布了四个多月,之前因为开发需要对Windows 8.1新特性进行过零散的学*和使用,一直没有静下心来系统的学*过。*日部门有几名新同事加入,需要进行Windows 商店应用开发的培训,所以借这个机会,重新梳理一下Windows 8.1 应用开发的知识。闲言碎语不多讲,接下来开始第一站,创建第一个应用。首先我们看一下开发环境要求:Windows 8.1 + Visual Studio 2013紧接着我们新建一个Windows 8.1 商店应用的项目,起名为HelloWorld(好吧,这可能是用的最多的名字了吧),来观察一下项目的构成Properties目录中的A 阅读全文
posted @ 2014-03-04 18:01 shaomeng 阅读(774) 评论(0) 推荐(1) 编辑