水务平台2期

1、分类收缩功能:

点击每行的右下角的向下的箭头可以扩展,改行分类的内容,再点击向上的箭头菜单收缩;(优点,将大量的分类信息隐藏部分显示,每行默认统一显示固定的几个分类,需要时在展开,这样节省了不必要的屏幕空间,而且给人的视觉效果比较简洁,友好)

参考懒人听书

水务平台2期_第1张图片
懒人听书分类1.jpg

展开后

水务平台2期_第2张图片
懒人听书分类2.jpg

2、搜索功能:

搜索功能大体一致,包括热门搜索,和历史搜索

参考喜马拉雅

水务平台2期_第3张图片
800C48F295DCD7DB0F62EA533384D8C3.jpg

参考美团

水务平台2期_第4张图片
美团搜索.png

3关注设置

自定义定制自己需要的分类,右上角编辑按钮进入编辑模式,可以通过点击每个分类上的差号删除分类,被删除的分类会出现在下方,同样点击下方的按钮又可以添加到自己的定制分类中。

参考新闻头条
并且有一个demo是关于这个的动画;

水务平台2期_第5张图片
兴趣2.png
水务平台2期_第6张图片
兴趣1.png

4、上滑隐藏tabBar

首页、专题等页面可以做下拉隐藏tabBar功能可以节省出一定的屏幕空间,提高APP的体验;

参考Coding

水务平台2期_第7张图片
Coding.jpg

效果:

水务平台2期_第8张图片
coding1.jpg

5、左右滑动切换页面

这种显示信息的方式是一种主流的形式,首页的八个模块也可以用这种形式展现;

参考:网易新闻、知乎、百度贴吧等

水务平台2期_第9张图片
网易新闻.jpg
水务平台2期_第10张图片
![Uploading 百度贴吧_277856.jpg . . .]
水务平台2期_第11张图片
百度贴吧.jpg

新闻放在专题页面作为顶部轮播图,首页主要突出八个主要功能模块,和其相应的业务;

你可能感兴趣的:(水务平台2期)