怎么实现这种效果,即上面的一排Tab第一个是滑动不到的,需要点击?
像上面这种效果,“全部”后面的一排tab之间是可以滑动的,就是说有隐藏的还可以划出来。但是”全部"滑不到,必须点击。点击到全部后,下滑线就应该标记到它下面了,后面的所有tab都失去下划线。
当然,选中上面任何一个tab,下面的界面都得变换啊。
我第一反应想到的是用TabLayout实现tab滑动,下面用ViewPager。但是前面那个“全部”很蛋疼啊,咋实现呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
第一,没太看懂你的意思
第二,直接打看一下源码不就可以了
这个比较简单吧,“全部”放到一个
div
里面,后面的跟一个div
是white-space: nowrap
(如果不是 CSS3的话表格是支持nowrap
),后面这个div
不要滚动条,里面放inlineblock
(移动端本身支持超出的话使用“滑动”滚动页面)https://github.com/astuetz/PagerSlidingTabStrip
一个横向的LinearLayout第一个你自己实现,后面那个就用控件,so easy
还在用tablayout?不妨试试magicindicator