读书人

Dojo mobile TweetView 系列课程之二

发布时间: 2013-10-22 16:17:03 作者: rapoo

Dojo mobile TweetView 系列教程之二 —— TweetView 启程
?Dojo mobile TweetView 系列课程之二 —— TweetView 启程?Dojo mobile TweetView 系列课程之二 —— TweetView 启程

?

!你也许已经注意到这些模型只展示了iOS主题。我们的教程将专注于实现iOS主题。Android主题的图片和元素样只要根据iOS的资源依样画葫芦就可以了。由于dojox.mobile既提供Android主题又提供iOS主题,一旦我们的应用程序完成了,我们将很容易的创建Android的样式资源。

?

讲解上面所有模型的实现已经超出了本教程的范围,所以我们将先专注于创建该应用程序的全局HTML/CSS结构,也就是说你所看到的顶部标题栏和底部的控制区域。

?

TweetView HTML结构

第一篇教程提供了一个mobile web应用程序坚实的模板、所需的主题样式表以及一些SCRIPT标签。

?

?

"dojox.mobile.compat");??

?

?

!这两个额外的资源非常小并且不需要额外的样式表。所以我们的应用程序还是很“苗条”的。

?

现在我们的应用程序的布局已经完成了!你可以看下TweetView大致长什么样!

?

演示

?

TweetView已经成形!

?

创建TweetView的基本布局非常简单:添加一些ScrollingView widgets?和 TabBar。需要指出的是,TweetView应用程序的每一个部件都是dojox.mobile提供的:标题栏,工具栏,按钮...这些都已经为你准备好了。

?

让我们期待本系列的下一篇教程!下一篇教程中我们将介绍如何创建Tweets和Mentions视图中的具体内容!

读书人网 >移动开发

热点推荐