代码改变世界

随笔分类 -  Windows 8 Store App

快速构建Windows 8风格应用20-MediaElement

2012-10-18 09:49 by 王祖康, 2098 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍MediaElement概述、MediaElement对象介绍、MediaElement常用属性、如何控制媒体播放。MediaElement概述通常在Windows 8风格应用中播放音频或视频文件时是使用MediaElement类进行构建的。MediaElement对象提供了用于播放视频或音频的属性和方法。相关MediaElement的开发示例可参考该链接:XAML media playback sample和Media Play To sample。MediaElement对象介绍使用MediaElement构建将视频文件在应用面中进行播放的功能是比较容易的。例如:XAML代 阅读全文

快速构建Windows 8风格应用19-基础控件II

2012-10-15 14:03 by 王祖康, 1981 阅读, 收藏, 编辑
摘要: 本篇博文接着上篇博文《快速构建Windows 8风格应用18-基础控件I》介绍开发Windows 8风格应用中常用控件。Slider:Slider控件常见的效果图:如何在XAML代码中声明Slider控件呢?代码如下:Value属性值表示Slider控件显示的初始值,应用运行状态下我们也可以拖动改变Slider控件的值。C#代码中声明Slider控件。代码可以如下:可以通过ValueChanged事件获取Slider控件当前的Value值关于Slider类详细说明可以参考: Slider Class。Image:Image控件常见的效果图:如何在XAML代码中声明Slider控件呢?代码如下: 阅读全文

快速构建Windows 8风格应用18-基础控件I

2012-10-11 15:11 by 王祖康, 919 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍Windows 8风格应用开发中常用的几种基础控件。ProgressRing:ProgressRing控件常见的效果图:如何在XAML代码中声明ProgressRing控件呢?代码如下:ProgressRing控件包含IsActive属性,该属性控制ProgressRing控件是否激活可用。默认情况下IsActive属性值为Ture,我们也可以将其值设置为False。另外我们也可以在C#代码中声明ProgressRing控件,添加到布局控件中。代码可以如下:关于ProgressRing类详细说明可以参考:Progress Ring Class。ProgressBar:Progr 阅读全文

快速构建Windows 8风格应用17-布局控件

2012-10-09 16:48 by 王祖康, 848 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍三种常用的布局控件:Canvas、Grid、StackPanel。Panel类是开发Windows 8 Store应用中一个重要类,它在Windows 8 Store应用布局系统中扮演非常重要角色。Panel可以承载多个子元素,面板类可以把子元素存放在栈中、或网格里面、或把子元素停靠在其边缘等。Panel类自身是一个抽象类,下面是Panel类的层次结构:Windows 8 Store应用中包含的三个标准布局控件:Canvas(通常在常规布局中,尽量不要考虑使用Canvas,不过在某些特殊情况下,使用Canvas还是非常方便的)、Grid(它是大多数常规布局的首选)、StackP 阅读全文

快速构建Windows 8风格应用16-SettingContract原理及构建

2012-10-08 16:11 by 王祖康, 699 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍Setting Contract概述、Setting Contract实现基本原理、如何构建Setting Contract、构建Setting Contract最佳实践。Setting Contract概述1) Setting Contract在当前的应用中提供了快速、上下文相关的沉浸式的设置访问体验;2) Setting Contract始终是可用的;3) 设置包括始终可用的系统设置、让用户可以控制应用对系统设备和功能的访问的系统代理设置、以及当前应用程序指定的设置;我们可以从屏幕右边缘轻扫划出超级按钮,选择“设置”显示设置窗口。设置窗口中既包括应用设置又包括系统设置。对于 阅读全文

快速构建Windows 8风格应用15-ShareContract构建

2012-10-08 10:41 by 王祖康, 854 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍共享数据包、如何构建共享源、如何构建共享目标、DataTransferManager类。共享数据包DataPackage(数据包)是共享数据标准。共享数据格式可以是多种的,包括文本、URI、HTML、图像等,以及更多可扩展的格式。我们可以通过以下方法设置需要的分享数据类型:1) SetText():设置共享文本,例如:可以实现效果:2) SetUri():设置共享Uri;3) SetHtmlFormat():设置共享Html;4) SetBitmap():设置共享位图,例如:可以实现效果:5) SetRtf():设置共享富文本;6) SetData():设置共享数据;7) Se 阅读全文

快速构建Windows 8风格应用14-ShareContract概述及原理

2012-09-27 15:08 by 王祖康, 709 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍Share Contract概述、Share Contract实现原理、实现Share Contract意义。Share Contract概述我们都知道Windows 8中包含3类不同的Contract:Search Contract、Share Contract、Setting Contract。这三种Application Contract为整合Windows 8体验提供了一致性的编程模型。现在微博,人人都是非常火的平台,我们很多人都愿意将自己所见所闻在这些平台上进行分享。在我们电脑上可能包含许多个不同的应用,包括社交类。那么我们怎么将这些应用信息与社交类应用进行分享呢?W 阅读全文

快速构建Windows 8风格应用13-SearchContract构建

2012-09-26 15:11 by 王祖康, 693 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍如何在应用中构建SearchContract,相应的原理已经在博文《快速构建Windows 8风格应用12-SearchContract概述及原理》中阐述清楚。如何在应用中构建SearchContract这里以常见的构建Search Contract功能为例,具体如下:设置应用Search权限:我们在应用中构建SearchContract之前,需要确认应用程序具有相应的Search能力,可以在应用清单文件中查看设置。添加标准Search Contract页面:应用的解决方案中添加Search Contract页面。查看Search Contract页面默认生成的控件模版:添加S 阅读全文

快速构建Windows 8风格应用12-SearchContract概述及原理

2012-09-26 10:51 by 王祖康, 785 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍Search Contract概述、Search Contract面板结构剖析、Search Contract实现原理、Search Contract最佳实践。Search Contract概述使用过Windows 8操作系统的开发者都知道什么是Charms(超级按钮)。其中在Charms中包含了一个Search,微软称之为Search Contact,我们可以在应用中调用Search Contract相应的API来实现应用搜索功能。使用Search Contract可以从系统的任何位置进入到我们的应用进行搜索,意思就是不管我们在操作系统上面做任何事情都可以随时使用Search 阅读全文

快速构建Windows 8风格应用11-语义缩放

2012-09-25 17:40 by 王祖康, 865 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍为什么需要语义缩放、什么是语义缩放、如何构建语义缩放。为什么需要语义缩放如果用过Windows 8系统的开发者都知道在Windows 8中页面内容更偏重于横向滚动,而不是纵向滚动。随着页面内容的增多,用户定位某一个特定元素的难度就会随之增大。那么如何帮助用户更加方便地定位到相应元素呢?——语义缩放。什么是语义缩放首先我们来看一下实现语义缩放的手势:支持语义缩放的页面中通过该手势就可以实现语义缩放的效果了。一般来说语义缩放用于在页面内容间快速跳转,并且通过缩放手势触发。通常来讲“缩小”视图是“放大”视图的概览。另外语义缩放视图可以呈现出不同的样式效果,这些样式效果都是我们开发人员 阅读全文

快速构建Windows 8风格应用10-设备方向

2012-09-25 10:52 by 王祖康, 734 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍常用支持Windows 8操作系统设备的方向、如何获取当前设备方向、DisplayProperties类。常用支持Windows 8操作系统设备的方向在我们常用的设备当中,Windows 8是通过什么来监控设备方向呢?答案是方向传感器,那么对于设备的不同方向,方向传感器都对应哪些方向值呢?如下表:我们可以从表中知道:1) 设备方向为水平方向向上(Portrait Up)时,对应传感器值为NotRotated(未发生旋转);我们可以通过对比设备中Windows按钮的位置来识别不同方向,如下图所示:2) 设备方向为竖直方向向左(Landscape Left)时,对应传感器值为Rot 阅读全文

快速构建Windows 8风格应用9-竖直视图

2012-09-24 11:11 by 王祖康, 766 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍竖直视图概览、关于竖直视图设计、如何构建竖直视图竖直视图概览Windows 8为了支持旋转的设备提供了竖屏视图,我们开发的应用在竖屏视图中应该能够保持和水平时一样的良好UI,必要的时候应该为应用量身定制相应页面的竖屏视图、同时我们也可以像WindowsPhone那样优先设置应用为横屏视图或竖屏视图。关于竖直视图设计为了使应用在竖直视图UI呈现更加优化,可以从以下几个方面去考虑:1) 减少控件间的边距;2) 如果有需要,重新布局排列内容,因此就可能需要考虑改变项目模版;3) 数据浏览方向上,可以保持页面的水平滚动;如何构建竖直视图若我们应有中页面使用的是GridView控件来呈现 阅读全文

快速构建Windows 8风格应用8-贴靠视图

2012-09-19 16:55 by 王祖康, 1129 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍如何切换出贴靠视图、关于贴靠视图的设计、关于贴靠视图的应用程序栏和如何实现贴靠视图。如何切换出贴靠视图第一步:水平方向全屏视图第二步:通过边缘轻扫手势,向设备左端或右端进行贴靠第三步:实现贴靠视图的效果我们知道如何通过手势的操作切换出一个应用的贴靠视图了。关于开发贴靠视图,对于我们开发者需要注意哪些呢?如下几点:所有的应用程序都是支持贴靠视图的。根据应用的业务需求,最好为贴靠视图量身定做页面效果(也就是说需要定制贴靠视图模版)最好保持贴靠视图页面的内容和状态与全屏视图的一致性。保持贴靠视图页面设计风格和其他视图的一致性。保证在贴靠视图中所有用户的操作是有交互的,有响应的(就是说 阅读全文

快速构建Windows 8风格应用7-页面视图概览

2012-09-18 11:05 by 王祖康, 938 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍Windows 8风格应用中包含哪些视图、Visual Studio 2012和模拟器中如何开发和调试不同的页面视图、页面视图切换基本原理。Windows 8风格应用中包含哪些视图常用的几种视图包括:1.FullScreenLandscape(水平方向全屏视图)2.Filled(填充视图)3.Snap view(贴靠视图)4.FullScreenPortrait(竖直方向全屏视图)最小视图状态分辨率支持1024*768,全屏视图状态分辨率为1366*768以上。注意:实现贴靠视图的最小分辨率为1366*768。Visual Studio 2012和模拟器中如何开发和调试不同的页 阅读全文

快速构建Windows 8风格应用6-GridView数据控件

2012-09-17 15:35 by 王祖康, 1891 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍什么是GridView数据控件、如何构建常用的GridView数据呈现样式。什么是GridView数据控件?GridView控件用来显示数据集合。它继承自ItemsControl。通常使用GridView控件来横向显示数据,并且显示的数据通常是排序过的。另外我们一般开发水平视图时,通常使用GridView显示数据集合。GridView数据控件包含的重要属性和事件:1) IsItemClickEnabled属性:获取或设置点击列表项是否会触发Click事件;2) SelectionMode属性:获取或设置选择的模式;3) HeaderTemplate属性:获取或设置列表标题的模版 阅读全文

快速构建Windows 8风格应用5-ListView数据控件

2012-09-14 16:13 by 王祖康, 1750 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍什么是ListView数据控件、如何构建ListView数据控件。什么是ListView数据控件?1) ListView数据控件用来显示数据集合。2) 继承自ItemsControl。3) 大多数情况是纵向显示数据,显示的数据通常是排序过的。4) 在切换到Snap View(贴靠视图)时,通常使用ListView显示数据集合。如何构建ListView数据控件?首先我们需要了解一下ListView控件中一些重要属性和事件:1) IsItemClickEnabled属性:获取或设置点击列表项是否会触发Click事件;2) SelectionMode属性:获取或设置选择的模式;3) 阅读全文

快速构建Windows 8风格应用4-FlipView数据控件

2012-09-12 17:27 by 王祖康, 2206 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍为什么使用FlipView控件、什么是FlipView控件、如何使用FlipView控件和FlipView控件最佳实践。为什么使用FlipView控件?如果我们开发一个购物类应用,希望在产品详细页面中显示产品的多个图像,对于这种小型数据集合可以使用FlipView控件。如果我们开发一个房地产类应用,希望针对每间房屋显示许多图像,以展示各个房间,对于这种中型数据集合可以包括FlipView控件,以便让用户可以跳转到特定的照片。什么是FlipView控件?FlipView数据控件用来显示数据集合,用户可以通过滑动在其子窗体间切换,当然也可以点击左右或者上下两侧的切换按钮在其子窗体间 阅读全文

快速构建Windows 8风格应用3-打包发布应用

2012-09-11 14:06 by 王祖康, 1859 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍如何打包应用程序,成功后如何部署应用程序,最后介绍如何发布应用程序到应用商店中。如何打包Windows 8风格应用程序呢?首先我们需要使用Windows 8内置Administrator账户才能进行打包,若使用本地普通账户或者Hotmail账号是无法正常打包的。那么我们如何启用内置的Administrator账户呢?步骤如下:1) 打开控制面板;2) 打开管理工具;3) 打开计算机管理;4) 在系统工具中打开“本地用户和组”;5) 打开用户文件夹;6) 选择Administrator;7) 在Administrator属性中“账户已禁用”勾选项去掉,如下图;8) 点击“确定”按 阅读全文

快速构建Windows 8风格应用2-创建调试应用

2012-09-10 14:50 by 王祖康, 1192 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍的是创建应用时可以选择哪些模版,生成默认的Windows 8风格应用解决方案中含哪些文件,最后是如何调试Windows 8风格应用。我们如何使用Visual Studio 2012创建Windows 8风格应用呢?可归结为以下几步:1.选择我们要使用的开发语言,例如:JavaScript、C++、C#、Visual Basic。2.选择项目模版,可以选择以下常用的项目模版:1)拆分应用(Split App)模版可以对该应用进行自定义,以创建允许用户以两列式视图方式查看项目列表和项目详细信息,用户可能需要在项目间快速切换,并且该列表可能会动态更新。例如:新闻阅读器、运动计分应用或 阅读全文

快速构建Windows 8风格应用1-开发工具安装及模拟器使用

2012-09-09 18:24 by 王祖康, 1970 阅读, 收藏, 编辑
摘要: 本篇博文主要介绍的是开发Windows 8风格应用中常用的两个开发工具:Visual Studio 2012和Expression Blend for Visual Studio 2012、Windows 8模拟器功能按钮介绍以及Visual Studio 2012安装步骤。首先简单介绍一下Visual Studio 2012和Expression Blend for Visual Studio 2012。Visual Studio 2012:对所有支持的开发语言使用相同的设计器,这些语言包括:C#、C++ 和 VB等;核心编辑用户界面与 Expression Blend 共享;一致的 XAM 阅读全文