怎么实现这种效果,即上面的一排Tab第一个是滑动不到的,需要点击?

发布于 2022-09-01 21:31:46 字数 339 浏览 8 评论 0

clipboard.png

像上面这种效果,“全部”后面的一排tab之间是可以滑动的,就是说有隐藏的还可以划出来。但是”全部"滑不到,必须点击。点击到全部后,下滑线就应该标记到它下面了,后面的所有tab都失去下划线。
当然,选中上面任何一个tab,下面的界面都得变换啊。

我第一反应想到的是用TabLayout实现tab滑动,下面用ViewPager。但是前面那个“全部”很蛋疼啊,咋实现呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

红衣飘飘貌似仙 2022-09-08 21:31:46

第一,没太看懂你的意思
第二,直接打看一下源码不就可以了

这个比较简单吧,“全部”放到一个div里面,后面的跟一个divwhite-space: nowrap(如果不是 CSS3的话表格是支持nowrap),后面这个div 不要滚动条,里面放inlineblock(移动端本身支持超出的话使用“滑动”滚动页面)

久光 2022-09-08 21:31:46

一个横向的LinearLayout第一个你自己实现,后面那个就用控件,so easy

你的背包 2022-09-08 21:31:46

还在用tablayout?不妨试试magicindicator

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文