mobile

移动端重构系列3——整体布局

如果你阅读了创建空白页这篇文章,说明你创建移动端项目具有一个最基本的模板页面。在实际项目当中,仅有空白的内容肯定不切合实际,总是需要有内容的,有内容总是需要布局的。这一点和PC页面是一样的,在移动端页面上也同样离不开布局。那么今天要跟大家探讨的就是移动端上的页面布局。

移动端重构系列2——新建空白页面

在《移动端重构系列》第一篇中,主要向大家介绍了移动端开发之前需要做哪些准备工作。从这篇文章开始,将带领大家开始动起手来,首先做的第一件事情,就是创建一个空的移动端页面。

移动端重构系列1——前期准备工作

移动网站现在是主流,但很多同学对于移动端的开发,还并不太了解或者没有深入。或许有很多外在的原因和内在的因素在限制,但不管是什么原因,如果你喜欢的话,你就应该动手开始实战,如果你不知道如何开始,从今天开始跟随@结一同学一起完成《移动端重构系列》。今天给大家带来的是这个系列的第一篇——前期准备工作。告诉大家做移动开发需要做哪些准备工作。

Ratchet教程:Buttons组件

按钮(Buttons)在Web页中的地位不用多说,大家都知道他是非常的重要。那么继Ratchet框架中“Badges组件”之后,要给跟大家一起聊的是Ratchet框架中的Buttons组件。

Ratchet教程:Badge组件

通过Ratchet教程案例实战一练习之后,我想大家对Ratchet框架有了进一步的了解,或者已经能使用Ratchet框制作一些移动端的页面(也称为H5网站)。其实Ratchet框架中不仅仅包括这些东东,他还具备其他的组件。那么今天我们继续来了解Ratchet框架中的Badges(标签)

Ratchet教程:案例实战一

到目前为止,有关于Ratchet系列教程在站上总共发布了八篇,从Ratchet的安装自动化的部署与组件概览,从项目的创建Meta与link标签的应用,当然除了这些,还介绍了Ratchet组件是的Bar组件列表组件。可以说,通过这几篇教程,大家对Ratchet有一个基本的了解,并且可以借助于Ratchet框架实现一些简单的移动页面。

Ratchet教程:自定义列表(二)

在上一篇教程——《Ratchet教程:自定义列表》中介绍了如何依赖于Ratchet框架构建属于自己的列表。比如常见的“纯文本列表”、“带图片的列表”、“带提示信息的列表”以及“带箭头的列表”等。但我们很多时候列表不只这些风格,比如说带有Icon图标的列表就是常见的一种,比如说带有按钮和切换开头的列表等。

Ratchet教程:自定义列表

我把Ratchet框架组件中的“Table Views”称为列表。实在找不出更易理解与形象的词语,当然你也可以直接将其称为“Table Views”。我们就不纠结这个了。那么从这一节开始,我想和大家一起探讨Ratchet框架中的列表制作。当然是构建适合自己的列表。

Ratchet教程:构建自己的底部Bar

在《Ratchet教程:构建自己的顶部Bar》一文中详细介绍了如何依赖于Ratchet框架,构建属于自己的顶部Bar。在上一篇文章中说过,Ratchet框架除了顶部Bar之外,还有底部Bar和标准Bar。在实际开发中,也常常需要制作底部Bar。在这篇文章中,我们依旧借助Ratchet框架,构建一个自己需要的底部Bar。

Ratchet教程:构建自己的顶部Bar

如果你有跟着《Ratchet教程:创建项目》一文走下来,你已成功的完成了使用Ratchet框架构建移动端项目。接下来就是在这个项目中添加自己需要的内容。那么今天我们要做的就是:构建自己的顶部bar

页面

返回顶部