开发前准备:

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. [Educational Codeforces Round 16]C. Magic Odd Square

    [Educational Codeforces Round 16]C. Magic Odd Square 试题描述 Find an n × n matrix with different number ...

  2. Sum Root to Leaf Numbers

    int sumNumbers(TreeNode *root) { ); } int dfs(TreeNode *root, int sum) { ; if (root->left == null ...

  3. django-cms 代码研究(五)深入(代码结构)

    前言: 前戏已经做得比较充分了,下面我们开始步入正题. 代码结构: cms |--admin (猜测是admin界面的二次开发和改良) |--cache (猜测是缓存机制的处理) |--extensi ...

  4. Java和PyPy速度对比

    Java和PyPy运行同一段代码,对比结果. Java代码: package javatest; import java.text.DecimalFormat; import java.util.Da ...

  5. tomcat启动是报Multiple Contexts have a path of "/XXX"

    Eclipse集成了tomcat,启动时报如下异常: Could not publish server configuration for Tomcat v7.0 Server at localhos ...

  6. 2013 ACM/ICPC 长沙网络赛J题

    题意:一个数列,给出这个数列中的某些位置的数,给出所有相邻的三个数字的和,数列头和尾处给出相邻两个数字的和.有若干次询问,每次问某一位置的数字的最大值. 分析:设数列为a1-an.首先通过相邻三个数字 ...

  7. 使用JS构建简单Map(转)

    转载自:http://freejvm.iteye.com/blog/768025 最近使用源生的js处理页面数据,所谓源生的就是指没有经过包装的.最基本的JavaScript代码: 像使用ext,jQ ...

  8. PHP--TP框架----把查询到的数据,显示在模型(模板)里面

    MainController.class.php <?php namespace Home\Controller; use Think\Controller; class MainControl ...

  9. HDU 5742 It's All In The Mind (贪心) 2016杭电多校联合第二场

    题目:传送门. 题意:求题目中的公式的最大值,且满足题目中的三个条件. 题解:前两个数越大越好. #include <iostream> #include <algorithm> ...

  10. MySQL 查询最大最小值优化

    1. 假设你使用了Innodb存储引擎2. 假设你在innodb设定了主键(聚集索引) 3. 因为聚集索引页面之间是通过双向链表链接,页按照主键的顺序排序 每个页中的记录也是通过双向链表维护.聚集索引 ...