之前给平板电脑上的应用做过一个Wireframe，当时就在想，如果能直接在平板电脑上制作Wireframe，肯定会更方便。于是一直想找一个能在Android的平板电脑上运行，制作Wireframe的软件。iPad倒是有一些靠谱的，Android的还真不好找。比如Mockflow，它有Mobile版，号称支持Android 2.3以上系统，但在我的平板电脑上(Android 3.1)只能看到顶部工具条。于是经过多次试用，整理出几个还能用的，以在线应用为主。当然这些应用还不能真正满足我的需求，目前先保持观望态度，如果Adobe的Touch Apps，Balsamiq的移动版，都不适合的话，就自己写一个吧…… 2011 Dec 28 更新 Touch App已经发布了Android版，下载地址：https://market.android.com/details?id=air.com.adobe.proto 本文使用的是SAMSUNG的P7510，首先要设置一下浏览器，启用插件，让浏览器可以调用Flash player，关闭自动调整页面，避免双击放大屏幕，还可以打开实验室-快速控制选项，进行全屏浏览。
标签：Android
HTML5+Javascript开发Android应用
这篇文章不像之前的一些文章那么详细，更接近索引的性质，因为只是折腾出了一种对我有用的方案，不是一种单一的技术，工具，或是经验。如果各位像我一样，想做一个简单的移动应用(不仅限于Android)，又没有那么多时间去研究如何开发，甚至是从头学习一门语言(比如JAVA)，这会是一种比较好的方案。 现在有一个Web应用，功能很简单，输入一串条形码，查询出对应的商品价格和编号。直接在移动设备上访问它也能工作，但浏览网页时的缩放按钮会影响网站的显示效果。所以第一步要在head部分的meta信息中加上这一句：
|
1 |
<meta name="viewport" content="user-scalable=no, width=device-width" /> |
这样网页就能适应屏幕大小，而且没有缩放按钮了。某些网站的“手机版”，其实就是加上这一句，然后调整了一些样式而已。接下来把网页元素——文本框/列表/按钮等——变成移动设备上的样式。我比较熟悉jQuery，于是先尝试了jQTouch和jQMobile。引入jQMobile的方式如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> <script type="text/javascript"> //初始化 $(document).bind("mobileinit", function(){ $.extend( $.mobile , { foo: bar }); }); </script> <div data-role="header" data-position="inline"> <h1>Dmyz</h1> </div> |
jQTouch也类似，引入相应的js/css文件，初始化。jQTouch可以有不同的主题，因此外观的可定制性 …
