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留言评论区。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值