Product

Android上的Wireframe工具

之前给平板电脑上的应用做过一个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,关闭自动调整页面,避免双击放大屏幕,还可以打开实验室-快速控制选项,进行全屏浏览。

Continue Reading
Tech

HTML5+Javascript开发Android应用

这篇文章不像之前的一些文章那么详细,更接近索引的性质,因为只是折腾出了一种对我有用的方案,不是一种单一的技术,工具,或是经验。如果各位像我一样,想做一个简单的移动应用(不仅限于Android),又没有那么多时间去研究如何开发,甚至是从头学习一门语言(比如JAVA),这会是一种比较好的方案。 现在有一个Web应用,功能很简单,输入一串条形码,查询出对应的商品价格和编号。直接在移动设备上访问它也能工作,但浏览网页时的缩放按钮会影响网站的显示效果。所以第一步要在head部分的meta信息中加上这一句:

这样网页就能适应屏幕大小,而且没有缩放按钮了。某些网站的“手机版”,其实就是加上这一句,然后调整了一些样式而已。接下来把网页元素——文本框/列表/按钮等——变成移动设备上的样式。我比较熟悉jQuery,于是先尝试了jQTouch和jQMobile。引入jQMobile的方式如下:

jQTouch也类似,引入相应的js/css文件,初始化。jQTouch可以有不同的主题,因此外观的可定制性 …

Continue Reading