android UI Tab切页效果总结

2024-06-03 06:44:29

2019独角兽企业重金招聘Python工程师标准>>>

目前市面上APP 切页效果有两类（just android）

1.底部Tab点击不同的按钮来切换页面 && 滑动。

代表：微信、豆瓣

底部一排Tab标签，顶部没有tab；底部的tab标签切换可以通过点击不同的按钮来实现，也可滑动实现。

2.底部Tab点击不同的按钮来切换页面 && 不滑动

分为以下几类：

(1)底部一排Tab标签，顶部没有tab。底部tab标签切换只能通过点击按钮实现，不可滑动。

支付宝、京东（"发现" 比较特殊）、招商银行、百度云

（2）底部一排Tab标签 ,且某一个tab标签页面顶部有tab标签。顶部tab:点击不同按钮 && 滑动，

底部tab：点击按钮 && 不滑动。

例如：

新浪微博："发现"顶部有热门、榜单、视频和头条。

淘宝: “社区” 。

知乎、

喜马拉雅FM、

小红书

（3）底部一排Tab标签 ,且某一个tab标签页面顶部有tab标签。顶部tab:点击不同按钮 && 不滑动，

底部tab：点击按钮 && 不滑动。

例如：

淘宝："微淘” 顶部有 “最新动态”、“店铺上新”、“视频直播”、“咨询热文”，不可滑动。

QQ空间：“发现”

转载于:https://my.oschina.net/u/2915671/blog/801678

android UI Tab切页效果总结相关推荐

Android 上实现像微信一样的用Fragment来实现的Tab切页效果提供源码下载
网有不少的例子,但是要么是像微信一样可是没有使用Fragment实现,要么是只实现了一个很简单的切换,没有下面的菜单页.这个例子有实现了,我觉得暂时够我用了 ##实现类: + MainTabFragm ...
ViewPager、Fragment和TabLayout实现切页效果
文章目录 ViewPager.Fragment和TabLayout实现切页效果 ViewPager.Fragment和TabLayout实现切页效果不会上传动图,心里哭唧唧.但是是完整代码!新建一个 ...
Android 实现书籍翻页效果----升级篇
自从之前发布了<Android 实现书籍翻页效果----完结篇 >之后,收到了很多朋友给我留言,前段时间由于事情较多,博客写得太匆忙很多细节地方没有描述清楚.所以不少人对其中的地方有不少不 ...
利用 WAAPI 实现百叶窗切页效果
实现效果在 CodePen 上查看在 Github 上查看简单思路复制要切页的节点,利用 CSS 的 clip-path 属性对节点进行裁剪,将节点分成多个部分,每个部分分成上下两块(因为需要 ...
Android 实现书籍翻页效果----原理篇
之前看到像ipad上的ibook的模拟书籍翻页的特效感觉很炫,在android上也有像laputa和ireader等应用实现有这个特效,在网上搜索了一下好像也没有现成的例子,所以自己动手实现了一个,现 ...
Android viewpager2实现翻页效果
为什么要实现翻页效果?减少用户的操作 viewpager2是基于recyclerview实现的,自带懒加载功能 viewpager2是对recyclerview的封装要实现下面这个效果 viewpa ...
Android 实现书籍翻页效果---番外篇之光影效果
By 何明桂(http://blog.csdn.net/hmg25) 转载请注明出处对于之前发布的翻页效果的源码,由于写得太匆忙,注释讲解的不多,且本人文笔较差,至使很多人对其中的很多部分不是很清楚 ...
Android 实现书籍翻页效果----完结篇
By 何明桂(http://blog.csdn.net/hmg25) 转载请注明出处之前由于种种琐事,暂停了这个翻页效果的实现,终于在这周末完成了大部分功能,但是这里只是给出了一个基本的雏形,没有添 ...
Kotlin + AndroidX + Tablayout + ViewPager + Fragment 实现Tab切页
1.前沿 Google已经受够了V4,V7包的各种冲突.所以直接不再维护V4,V7包了.以后就统一使用AndroidX. 2.gradle配置: 除了原有的androidX的库,还需要使用materi ...

最新文章

热门文章