开发前准备:

Windows 8 RTM MSDN订阅用户下载地址:

https://msdn.microsoft.com/zh-cn/subscriptions/securedownloads/hh442898

Windows 8 RTM普通用户下载地址:

http://msdn.microsoft.com/en-US/windows/apps/br229516/

Visual Studio 2012 RTM中文版下载地址:

http://download.microsoft.com/download/B/0/F/B0F589ED-F1B7-478C-849A-02C8395D0995/VS2012_ULT_chs.iso

Windows 8在线应用实验室:

http://msdn.microsoft.com/zh-cn/hh968278

创建App:

  【1】首先我们先来创建第一个Win8 App项目。Visual Studio 2012创建项目跟之前的版本一样,打开文件->新建->项目,在左侧选择Visual C#->Windows应用商店,这里演示的是建立一个“拆分布局应用程序”。

  

  点击F5运行程序,我们可以尝试运行一下VS定义的初始模板。

  【2】我们来看一下项目列表。

  Assets文件夹中包含的是模板默认的背景、Logo等图片资源。

  Common文件夹中预定义了一些类以及包含大量XAML资源的StandardStyle.xaml文件。StandardStyle中的资源很丰富,在分布式布局的模板中我们就可以看到其中大量使用到的资源样式及动画,有兴趣的同学可以将其中的样式一一试验,这也是尝试适应Windows 8-UI-Style的一个很好的途径,有助于以后开发出更优秀的Windows 8-UI-Style。

  DataModel文件夹中的SampleDataSource.cs定义了被创建模版的全部绑定数据。

  App.xaml定义了该项目的全局信息,和WP开发类似。

  ItemsPage.xaml是该项目启动时的第一个板块,即按F5启动后的首页。

  

  我们来看一下ItemsPage.xaml的代码面板。PageResources中定义了此页面中所有的数据集合,即将SampleDataSource.cs中的数据绑定到页面集合中来。首起的Grid布局类似WP中的LayoutRoot布局一样,为整个页面的根布局。GridView控件在当前App表现为主窗口时显示,形如左侧模拟器下方的色块集合,若当前App被用户停靠到左侧栏,GridView自动隐藏,同时原本Visibility属性为Collapsed的ListView出现,将当前App适应为停靠状态。ListView下的Grid控件显示为App左上角的Logo,返回标记的按钮在App前方还有页面堆积时显示,若当前为首页则自动隐藏,后方的Textblock默认绑定App Name。VisualStateManager为预定义的动画效果。

  Package.appxmanifest为清单设计器,开发者可以在清单设计器中很方便地修改App的一个或多个属性,如Tile、启动页面等等。

  SplitPage.xaml同之前的ItemsPage.xaml类似,是ItemsPage.xaml的下一级菜单,代码结构和前者类似。

  至此,我们对Win8应用的开发已经有了一个基本的认识,总体来说和WP的开发并无太多区别。下一篇我们将介绍如何利用上述的认识去开发一个简单的Win8应用。

  附:Visual Studio 2012夜景模式开启方法:工具->选项->常规->颜色主题,调成深色即可。

http://www.cnblogs.com/wulinfeng/archive/2012/09/11/2679444.html

Win 8 App开发框架解析的更多相关文章

  1. 吐槽坑爹的微软win store app审核

    从学习win store app 开发到做出第一个应用 博客园cnblogs 花了一个多月的全部业余和上班空闲时间, 上周在端午节放假期间终于完成了计划的全部开发和测试, 6月10号怀着无比激动的心情 ...

  2. Ionic – 强大的 HTML5 Mobile App 开发框架

    Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序.Ionic 主要关注外观和体验, ...

  3. Reapp - 下一代的 Hybrid App 开发框架

    Reapp 与 React Native 有着惊人的相似之处,二者都使用 React 来创建应用程序用户界面的框架.然而,在底层机制上这两个框架之间却具有明显的哲学差异.React Native 将 ...

  4. 咏南WEB APP开发框架

    咏南WEB APP开发框架 咏南WEB桌面框架演示:47.106.93.126:9999 咏南WEB手机框架本地:47.106.93.126:8077 咏南CS框架下载:https://pan.bai ...

  5. 移动APP开发框架盘点

    移动APP开发框架盘点 总体概述 现在比较流行的移动APP开发框架有以下六种:网页.混合.渐进.原生.桥接.自绘.前三种体验与Web的体验相似,后三种与原生APP的体验相似.这六种框架形式,都有自己适 ...

  6. 用于HTML5移动开发的10大移动APP开发框架【转】

    今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架,能够帮助开发者更加高效的开发移动Web应用.. 十款移动APP开发框架: 1.jquery m ...

  7. 基于Html5的移动端APP开发框架

    快速增长的APP应用软件市场,以及智能手机的普及,手机应用:Native(原生)APP快速占领了APP市场,成为了APP开发的主流,但其平台的不通用性,开发成本高,多版本开发等问题,一直困扰着专业AP ...

  8. 混合APP开发框架资料汇总

    Ionic(ionicframework)一款接近原生的Html5移动App开发框架 会html css js就可以开发app,Ionic基于angualrjs框架是一个专注于开发移动wap以及app ...

  9. 十款APP开发框架

    对于大部分Web开发人员,HTML.CSS和 Java是他们最熟练的开发技能.然而,开发一个原生的移动App,对他们来说却是完全陌生的领域.因为开发Android,iOS 或 Windows Phon ...

随机推荐

  1. HDOJ 1864 最大报销额(01背包)

    http://acm.hdu.edu.cn/showproblem.php?pid=1864 最大报销额 Time Limit: 1000/1000 MS (Java/Others)    Memor ...

  2. PHP 遍历目录

    $dir = $_SERVER['DOCUMENT_ROOT'].'/test'; //var_dump($dir);exit; function my_scandir($dir) { $files ...

  3. PeopleEditor允许客户端输入的同时验证输入的内容

    如何判断PeopleEditor的值为空   在sharepoint开发中,我们经常会用到PeopleEditor这一控件,最近我在写程序的时候用到了,开始的时候不知道怎么用,后来问题解决啦,现在写出 ...

  4. python动态获取对象的属性和方法

    http://blog.csdn.net/kenkywu/article/details/6822220首先通过一个例子来看一下本文中可能用到的对象和相关概念.01     #coding: UTF- ...

  5. 【转】Python 代码调试技巧

    转载自:http://www.ibm.com/developerworks/cn/linux/l-cn-pythondebugger/ Debug 对于任何开发人员都是一项非常重要的技能,它能够帮助我 ...

  6. PHP实现 bitmap 位图排序 求交集

    2014年12月16日 17:15:09 初始化一串全为0的二进制; 现有一串无序的整数数组; 如果整数x在这个整数数组当中,就将二进制串的第x位置为1; 然后顺序读取这个二进制串,并将为1的位转换成 ...

  7. sockaddr struct 类型重定义

    windows.h和winsock2.h有类型重定义我是知道的,本来就一个库来说没问题,把winsock2放到windows.h前或先定义WIN32_LEAN_AND_MEAN都能解决问题但现的出了问 ...

  8. Java for LeetCode 057 Insert Interval

    Given a set of non-overlapping intervals, insert a new interval into the intervals (merge if necessa ...

  9. Jpush推送模块

      此文章已于 14:17:10 2015/3/24 重新发布到 鲸歌 Jpush推送模块     或以上版本的手机系统. SDK集成步骤 .导入 SDK 开发包到你自己的应用程序项目 •    解压 ...

  10. 使用jQuery简单实现产品展示的图片左右滚动功能

    今天要做一个产品展示功能,由于产品比较多,一屏展示不完,所以想要做一个通过点击进行翻页的效果,在网上找了几个都不大好用,最后只能自己动手写了. 效果如下所示: 原理比较简单:将要滚动显示的区域的CSS ...