1.mobl上的twitter trends例子 mobl上关于twitter trends的这个例子,还是蛮好玩的。通过调用twitter的API,得到当下twitter上流行的话题。然后再根据每个话题,显示出最近这个话题的tweets。 2.mobl上的twitter trends例子 照猫画虎,来试试做一个新浪微博的类似应用。查了一下微博的API,遗憾的发现关于话题的API还都处于beta状态。而且要用户登录以后才能调用,不像twitter在不登录的情况下就能调用trends类的API。 新浪微博只有Search类的API有不登录调用的API,我们就拿search模拟一下吧。Read More →

1.PhoneGap是干什么的? PhoneGap同样也是多平台手机开发工具,它能把你的web应用打包成各各手机平台的本地应用。 打包iPhone应用需要Mac系统,还需要Apple的开发执照。我都没有,只能望洋兴叹了。 打包Android应用没有这些先决条件,咱们就试试这个吧。 2.准备mobl应用 还是拿小小计算器程序为例,mobl项目编译出来的结果在项目下的www目录里。 我们进入这个目录,把TipCalculator.html改名成index.html。 然后把整个www目录通过压缩工具打包成zip格式。 准备工作就完成了。Read More →

1.派生mobl界面模块 接着上次我的的”小小计算器”程序。为了修改它的界面风格,我们首先派生一个mobl的模块。 新建一个叫ui.mobl的文件,在里面输入下面两行代码。第一句的意思是新建的模块名叫ui,第二句的意思是ui模块导入所有mobl::ui::generic的内容(开始我还以为mixin是中文迷信的拼音呢!搞了半天是mix in。唉英文差害死人)。 回到tipcalculator.mobl文件,现在可以把里面引用mobl::ui::generic的那句改成引用ui了。 2.使用从mobl::ui::generic导入的变量 OK,准备功能完毕。现在在ui.mobl里就可以使用或者重写mobl::ui::generic里定义的变量了。 比如mobl::ui::generic里的样式变量(样式变量都是以$开头的)$baseColor,它代表了当前界面的基础色。另外里面还定义了$baseColor,$baseColorGreen,$baseColorRed, $baseColorRedish等颜色。 为了修改当前界面的基础色,只要输入下面一句,界面基础色就变成红的了。 当然我们也可以使用mobl::ui::generic里的rgb函数,比如这样整个界面就变成灰的了。这里有关于具体模块内功能的描述,但是似乎文档还不太全面。 3.使用自定义css样式表 我们也可以定义新的样式变量,语法是css的扩展,据说是借鉴了scss的很多特性。 下面定义了两个新的样式变量,相信用过css的应该都能看懂。 但是有一点我没明白,为什么这些变量不再以$开头了呢?而且我换成$还编译不通过。 现在再打开tipcalculator.mobl文件,把里面的按钮使用我们新定义的样式变量。代码如下,效果见后面的图。 运行效果可以看这里.Read More →

mobl是什么 mobl 是一个套手机应用开发工具(有自己界面描述语言+编译工具,提供基于Eclilpse的IDE)。完全基于标准web技术(Html+Css+javascript),可以快速开发手机应用程序,跨平台,支持包括 iOS、Android 和其他支持 HTML5 技术的手机。 优势 适合各种支持html5和javascript手机平台 开发就是基于web技术,对平台相关的知识需求很少,入手快 劣势 不能完全访问移动设备的很多本地特性 没有native的app好用,好看 helloworld 从这里下载mobl的开发工具以后。通过Eclipse自动生成一个”mobl project”项目,保存一个简单的应用程序就完成了。生成的代码如下: 界面效果是这样的,实际使用效果可以用手机或者支持html5的浏览器直接访问这个页面。 小小计算器 这是一个简单的计算器应用。输入是一个数字和一个百分数,输出是这两个数字乘出来的结果。所有的代码如下: 界面效果是这样的,实际使用效果可以用手机或者支持html5的浏览器直接访问这个页面。 碰到的问题 现在做出来的就是个web应用,如何包装成本地应用,如何发布到app store? 中文支持有些问题,在IDE中输入中文会导致编译不通过.但是只是在IDE环境中,直接编辑.mobl文件,通过命令行编译器编译没有问题. 后记 总体来看,使用mobl开发简单的应用速度非常快,语法很简洁。其他的还不太清楚,日后再看。 我不懂移动开发,但是发现mobl还是挺好玩的。欢迎熟悉移动开发的朋友多指正。Read More →