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

Dojo mobile TweetView 系列教程之二 —— TweetView 启程???!你也许已经注意到这些模型只展示了iOS主题。我

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视图中的具体内容!