RecyclerView+ViewPager实现App常用滑动标题栏

废话不多说,先看参考项目——微博:

微博

第二个参考项是 -----王者营地:

王者营地
要实现以上项目的ui界面(仅ui界面,不涉及数据、服务)思路很简单,但实现较为困难。

1.滑动标题栏就是一个recyclerview,因为listview不好实现横向滚动、性能也不佳,HorizonScrollView虽然能实现横向滑动,但有一个自带的进度栏影响美观,并且HorizonScrollview对于子项item的识别非常模糊(也不能这么说,主要是我试了后效果很不理想。)

2.滑动标题栏由一个recyclerview构成,往recyclerview中添加可变字体item就可以实现了。

3.标题栏下方的区域是ViewPager,viewpager的子布局就是Fragment,至于文章内容是什么就是Fragment内部布局的事情了。
在这里插入图片描述
结构分析完了,那就看一下我做出来的标题栏效果,看一下是不是你想要的,要是并不是那就可以溜了看下一篇:
效果链接如下:

Recyclerview+Fragment常用资讯、首页标题栏

接下来就是关于 可变色字体的自定义view+绿色背景的绘制:
自定义view可变字体与背景移动控件

既然有了自定义view,将自定义view作为item放入recyclerView中,点击item,那么viewpager就加载相应的Fragment.

viewpager在滑动界面时,上方的recyclerview滑动到相应的的item,同时,将viewpager的滑动比例offset作为参数传入recyclerview中,使其实现 标题过度效果。
思路就是这样,具体操作我就不发了。有需要原demo留言评论区。

猜你喜欢

转载自blog.csdn.net/qq_41904106/article/details/114436737