win8 modern app - 随笔分类 - 老Zhan

《现代教育技术》Win8版发布 && 项目总结

摘要：Win8处女作《现代教育技术》发布快一周了，小小总结下。项目总共三个平台，iPad、Web、Win8，独立完成了iPad版及Win8版，也算完整了，=.=。iPad版：是一个native+html的项目，主要解决的技术点是WebView的Page Scroll的效果，以及OC与JS的交互，如OC怎么监听JS事件。具体可参考我的博文：iOS：UIWebView scrollView 的分页滑动问题 iOS: 在Object-C中监听javascript事件（ Javascript communicating back with Objective-C code）Win8版：Win8的开发我们使用阅读全文

posted @ 2013-05-13 01:17 老Zhan 阅读(361) 评论(0) 推荐(0) 编辑

Win8:Snap 实现

摘要：Win8允许分屏的操作，所以我们必须让我们App能对Snap模式视图做出反应，这样也便于通过Store的审核。如果项目中在Snap展现的功能不大，我们可以仅用一张logo代替，类似系统的商店应用。我的项目实现效果：实现思路是在你Apo的每个页面都添加一个掩盖的视图，正常情况状态为隐藏，但是在Snapped的时候状态为显示。css设定只需在Home页面即可，他会id“污染”至这个App，达到目的。阅读全文

posted @ 2013-05-13 00:32 老Zhan 阅读(392) 评论(0) 推荐(0) 编辑

Win8:Setting

摘要：Win8 Charm 菜单中有一项设置，我们可以针对我们的App看到一些设置信息，例如关于，隐私策略等....e.g.我在我的default.js 中添加一下代码： //settings function setSettings() { WinJS.Application.onsettings = function (e) { e.detail.applicationcommands ={ "About": { title: "关于"... 阅读全文

posted @ 2013-05-13 00:19 老Zhan 阅读(807) 评论(0) 推荐(0) 编辑

Win8: Share

摘要：现在大部分的应用都喜欢在App中加入社交分享的功能，这样做当然是为了推广、吸取更多的用户。Android及iOS平台要实现分享到某一个社交网络，例如sina微博，通常的做法主要是使用其官方提供的SDK，或者自己完成OAuth（很多平台都采用这种认证），拿到相应的token，再调用所需API。前者要简单得多。但在win8平台上，因为其系统绑定了分享（charm中的共享），使得共享实现只需几行代码就搞定： var dataTransferManager = Windows.ApplicationModel.DataTransfer.DataTransferManager.getForCurr... 阅读全文

posted @ 2013-04-23 16:40 老Zhan 阅读(368) 评论(0) 推荐(0) 编辑

win8: 清除iframe的缓存

摘要：win8 App中内嵌有一个iframe。因为要调试网页，所以需要应用每次load同一site的时候要清除掉缓存，找了资料，貌似win8 store app没有提供相应的api去做这个事，在web开发中有2种方法去代替做这个事：一：将http header访问设置成no-cache的：<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"><meta HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">二：在web s 阅读全文

posted @ 2013-04-10 16:25 老Zhan 阅读(943) 评论(0) 推荐(0) 编辑

win8: 访问内网出错

摘要：在项目中可能需要现在内网进行调试，可是当win8访问内网地址时会返回“resou_not_found”的错误，原因是缺失权限，需要在package.appxmanifest中勾选private Networks的capabilities。阅读全文

posted @ 2013-04-10 15:39 老Zhan 阅读(201) 评论(0) 推荐(0) 编辑

WinJS:Listview item 设置背景透明

摘要：如果只是在Item的css中简单的添加“background-color:transparent;”，会发现item会变成黑色的，原因是item本身是黑色，你增加颜色透明应该只是增加了层透明色，所以显示黑色.解决方案：在对应的css中重写样式：.win-listview :not(.win-footprint) .win-container { background-color: rgba(255, 255, 255, 0);}详细问题描述可以看MSDN上同样的问题讨论：http://social.msdn.microsoft.com/Forums/en-US/winstoreappzh... 阅读全文

posted @ 2013-04-08 16:42 老Zhan 阅读(388) 评论(0) 推荐(0) 编辑

win8: IndexedDB

摘要：应用开发少不了数据永久性存储，Win8上有多种存储方式（ http://msdn.microsoft.com/en-us/library/windows/apps/hh464917.aspx），本地的，漫游的，临时的设置存储及数据存储，不同场景适用不同的存储方式。IndexedDB适用于存储那些较大的、需要索引查找的数据。有关IndexedDB的基本概念及详细介绍，可以参照：https://developer.mozilla.org/zh-CN/docs/IndexedDB/Basic_Concepts_Behind_IndexedDBhttps://developer.mozilla.org 阅读全文

posted @ 2013-04-01 18:00 老Zhan 阅读(582) 评论(0) 推荐(0) 编辑

WinJS：设置listView垂直滚动

摘要：Win8 期盼用户的使用习惯是横屏，以及listView是横向滚动的，所以在使用WinJS创建ListView时，默认是横向的，我们要更改的话要进行设置，查了好久资料，最后还是看官方SDK源码找到的设置方法：<div data-win-control="WinJS.UI.ListView" data-win-options="{layout: {type: WinJS.UI.ListLayout}}"></div>“Represents a layout for theListViewin which items are arra 阅读全文

posted @ 2013-03-11 21:22 老Zhan 阅读(577) 评论(0) 推荐(0) 编辑

win8: 确保 WinJS.xhr 重新发送请求

摘要：在做一个获取sina 公共微博的小小demo，在最后刷新时发现用winjs.xhr调用很快就会返回数据，但是返回的数据都是第一次的数据。这是因为load 的是同样的url，在访问web时会有cache，导致无法Reload。check：http://msdn.microsoft.com/en-us/library/windows/apps/hh868281.aspx通过使用WinJS.xhr请求 Web 资源时，可能会缓存响应，这意味着之后的请求将返回客户端计算上已存在的资源版本，而不是重新发送请求。但是，可以添加确保即使已经缓存也会再次发送请求的 HTTP 标头。设置If-Modified- 阅读全文

posted @ 2012-11-10 00:33 老Zhan 阅读(443) 评论(0) 推荐(0) 编辑

win8：metro app UI 设计

摘要：核心：内容重于形式。1、分辨率：最小1024*768 建议：1366*768。2、横向流动，可纵向，但纵向不应超出横向。3、建议大背景，注意留白。4、边缘对齐（但避免居住对齐）。5、文字： tittle：42pt subtitles：20pt content：11pt 注释：9pt6、硬规定:左上因留一个120*100的区域。即title 的基线距上边框最小为100像素，内容距左边最小为120像素。这样的好处最大是为了不同屏幕的适配问题。内容距最下面没有硬性要求，但建议大于50像素。如图：另外，内容最上距tittle基线最小为40像素：阅读全文

posted @ 2012-10-31 01:37 老Zhan 阅读(1451) 评论(0) 推荐(0) 编辑

Win8：WinJS.UI.AppBar 工具栏

摘要：创建工具栏不是十分简单，直接用winjs的控件appbar就行。直接看官方代码：在HTML中： <div id="createAppBar" data-win-control="WinJS.UI.AppBar" data-win-options=""> <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAdd',label:'Add',icon:' 阅读全文

posted @ 2012-10-29 22:44 老Zhan 阅读(952) 评论(0) 推荐(0) 编辑

Win8：To Do List Demo

摘要：无聊做了一个todoList的应用来练练手。先po张界面图：从界面可以看到基本的控件，主要是一个输入框，一个添加按钮，一个删除按钮，加一个listView。关于listview的添加可以参照我之前写的win8: ListView。Add:每次在输入之后点击Add button，会把输入框内容push进一个dataArray中，再以此设为listview的数据源， var dataList = new WinJS.Binding.List(dataArray); listview.itemDataSource = dataList.dataSource;这样很简单就实... 阅读全文

posted @ 2012-10-24 22:42 老Zhan 阅读(1664) 评论(4) 推荐(0) 编辑

win8: WinJS的面向对象 WinJS.Class

摘要：官方文档：http://msdn.microsoft.com/en-us/library/windows/apps/br229776.aspxWinJS.Class.define类定义var object = WinJS.Class.define(constructor, instanceMembers, staticMembers);三个参数是：构造函数，实例成员集合，静态成员集合。e.g.var Robot = WinJS.Class.define( function(name) { this.name = name;}, { modelName: "" }, { ha 阅读全文

posted @ 2012-10-04 16:20 老Zhan 阅读(1660) 评论(0) 推荐(1) 编辑

JavaScript 的面向对象编程

摘要：发现一个介绍JavaScript面向对象编程的文章，大家可以下下看看：http://pan.baidu.com/share/link?shareid=69566&uk=2802880612 阅读全文

posted @ 2012-10-04 14:12 老Zhan 阅读(167) 评论(0) 推荐(0) 编辑

win8:WinJS.ErrorFromName 打印错误

摘要：var object = new WinJS.ErrorFromName("Name", "Message：haha error"); console.log(object);打印结果：阅读全文

posted @ 2012-10-02 11:13 老Zhan 阅读(269) 评论(0) 推荐(0) 编辑

WindJS 中的$await

摘要：因为在看win8时看到Promises的异步模式。kinfey让我们去摸下WindJS（就是之前的Jscex），WindJS的具体操作会在之后总结，可先看看文档http://windjs.org/cn/docs/。看WinJS时接触到$await，从其作者--老赵的博客中可找到其描述。Check：浅谈Jscex的$await语义及异步任务模型简单小结：$await的语义：如果该任务没有运行，则启动该任务。如果该任务已经完成，则立即返回结果（或抛出异常）。例子：假如有三个任务：A和B可以并行，但C依赖前两者。即A B并行，2个都完成之后到C，实现：function (taskA, taskB, 阅读全文

posted @ 2012-09-28 20:06 老Zhan 阅读(861) 评论(0) 推荐(0) 编辑

win8:添加Page Controls的几种方法

摘要：Check：http://msdn.microsoft.com/zh-cn/library/windows/apps/hh770117.aspx首先先添加一个Page Control ，命名为page。系统生成3个文件。将其显示的方法有一下几种：1、使用WinJS.UI.Pages.render功能。在default.html中添加<div class="renderingPageControls-renderedControl"></div>对应在default.js中添加 var renderHost = document.querySelect 阅读全文

posted @ 2012-09-25 00:07 老Zhan 阅读(1114) 评论(0) 推荐(0) 编辑

win8:通过模版创建Navigation App

摘要：Check：http://msdn.microsoft.com/en-us/library/windows/apps/hh452768.aspx创建一个新项目，选择Navigation App作为模版。创建之后的目录：default.html，这是起始页。它最先被加载。它包含 PageControlNavigator（将每一页加载到主窗口）的一个实例。home.html，这是主页。它显示“欢迎”标题。default.js，指定当启动应用时应用的行为。home.js，指定与主页相关联的行为。navigator.js，它能实现 PageControlNavigator 对象，该对象支持 Metro 阅读全文

posted @ 2012-09-24 20:23 老Zhan 阅读(925) 评论(0) 推荐(0) 编辑

win8:querySelector()方法

摘要：querySelector()方法接受一个CSS查询并返回匹配该模式的第一个子孙元素，如果没有匹配的元素则返回null。请看下面例子：//获取body元素var body = document.querySelector("body");//获取ID为myDiv的元素var myDiv = document.querySelector("#myDiv");//获取第一个包含class值为selected的元素var selected = document.querySelector(".selected");//获取第一个包含clas 阅读全文

posted @ 2012-09-24 19:09 老Zhan 阅读(288) 评论(0) 推荐(0) 编辑

随笔分类 - win8 modern app