当mobl遇上新浪微博

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模拟一下吧。
(more…)

Continue Reading

通过phonegap把mobl应用发布各手机平台

1.PhoneGap是干什么的?

PhoneGap同样也是多平台手机开发工具,它能把你的web应用打包成各各手机平台的本地应用。
打包iPhone应用需要Mac系统,还需要Apple的开发执照。我都没有,只能望洋兴叹了。
打包Android应用没有这些先决条件,咱们就试试这个吧。

2.准备mobl应用

还是拿小小计算器程序为例,mobl项目编译出来的结果在项目下的www目录里。
我们进入这个目录,把TipCalculator.html改名成index.html
然后把整个www目录通过压缩工具打包成zip格式。
准备工作就完成了。
(more…)

Continue Reading

美化mobl应用界面

1.派生mobl界面模块 接着上次我的的"小小计算器"程序。为了修改它的界面风格,我们首先派生一个mobl的模块。 新建一个叫ui.mobl的文件,在里面输入下面两行代码。第一句的意思是新建的模块名叫ui,第二句的意思是ui模块导入所有mobl::ui::generic的内容(开始我还以为mixin是中文迷信的拼音呢!搞了半天是mix in。唉英文差害死人)。 [source lang="js"] module ui mixin mobl::ui::generic [/source] 回到tipcalculator.mobl文件,现在可以把里面引用mobl::ui::generic的那句改成引用ui了。 [source lang="js"] //import mobl::ui::generic import ui [/source] 2.使用从mobl::ui::generic导入的变量 OK,准备功能完毕。现在在ui.mobl里就可以使用或者重写mobl::ui::generic里定义的变量了。 比如mobl::ui::generic里的样式变量(样式变量都是以$开头的)$baseColor,它代表了当前界面的基础色。另外里面还定义了$baseColor,$baseColorGreen,$baseColorRed, $baseColorRedish等颜色。 为了修改当前界面的基础色,只要输入下面一句,界面基础色就变成红的了。 [source lang="js"] style $baseColor = $baseColoRed…

Continue Reading

mobl-新颖的移动设备应用开发工具

mobl是什么 mobl 是一个套手机应用开发工具(有自己界面描述语言+编译工具,提供基于Eclilpse的IDE)。完全基于标准web技术(Html+Css+javascript),可以快速开发手机应用程序,跨平台,支持包括 iOS、Android 和其他支持 HTML5 技术的手机。 优势 适合各种支持html5和javascript手机平台 开发就是基于web技术,对平台相关的知识需求很少,入手快 劣势 不能完全访问移动设备的很多本地特性 没有native的app好用,好看 helloworld 从这里下载mobl的开发工具以后。通过Eclipse自动生成一个"mobl project"项目,保存一个简单的应用程序就完成了。生成的代码如下: [sourcecode language="js"] application hellomobl import mobl::ui::generic screen root() { header("Hello world") } [/sourcecode] 界面效果是这样的,实际使用效果可以用手机或者支持html5的浏览器直接访问这个页面。…

Continue Reading

End of content

No more pages to load

Close Menu