开发前准备:

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. 能用Shell就别编程-海量文本型数据的处理

    对于txt文本类数据,优先采用shell脚本,实在不行才用Python,Java,MySQL 1) Shell命令行或脚本的处理速度极快,比Java快得多. 2) Shell代码量少,几个命令就能完成 ...

  2. MogileFS 的介绍(MogileFS 系列1)[分布式文件系统]

    MogileFS 是一个开源的分布式文件系统,用于组建分布式文件集群,由 LiveJournal 旗下 Danga Interactive 公司开发,Danga 团队开发了包括 Memcached.M ...

  3. outlook.office365.com传参

    string m_html = string.Empty; m_html += "<script>"; m_html += string.Format("wi ...

  4. 【leetcode】Implement strStr()

    Implement strStr() Implement strStr(). Returns the index of the first occurrence of needle in haysta ...

  5. 【UGUI】Canvas和Rect Transform

    Canvas 1.所有的UI元件都需要放在Canvas里 2.UI元件的绘制顺序,与在 Hierarchy的顺序相同,在上面的元素会先被绘制,位于后续绘制元素的下面 3.可以选择3种不同的渲染模式: ...

  6. Android dp px转化公式

    // DisplayMetrics metrics = getResources().getDisplayMetrics(); // int statusBarHeight = (int) Math. ...

  7. C++语法 初始化列表 数组引用

    只能在初始化列表initilizationlist中初始化的有: 1.const修饰的数据成员或者reference参考 2.基类的构造函数 注意,数组不能引用,亦即以下代码是不对的 void fun ...

  8. javascript十六进制数字和ASCII字符之间转换

    var hex="0x29";//十六进制 var charValue = String.fromCharCode(hex);//生成Unicode字符 var charCode ...

  9. .Net查看项目文件弹出未找到与约束

    项目能打开,但是当要在项目中查看文件时弹出未找到与约束contractname Microsoft.VisualStudio.Utilities.IContentTypeRegistryService ...

  10. 一、HTML和CSS基础--网页布局--实践--固定层效果

    absolute和fixed的相同点: 第一,完全脱离标准文档流 第二,未设置偏移量时,都定位在父元素的左上角 absolute和fixed的不同点: 第一.当设置偏移量时,偏移参照基准不同 abso ...