Android ViewPager微信滑动翻页UI实现
仿微信的滑动翻页 UI,手感丝滑,交互顺畅,蛮适合用在引导页、图文浏览、甚至是嵌套网页浏览这类场景里。用的是 Android 原生的 ViewPager,配合 OnPageChangeListener 和自定义 PageTransformer,效果还挺接近微信的。
核心就是监听滑动事件,像 onPageScrolled
、onPageSelected
这些方法,平常用得挺多。你可以在用户滑动时做一些联动,比如加载新内容、切换动画什么的,响应也快。
页面指示器这块,也有思路。你可以用像 CirclePageIndicator
这种库,要是对 UI 要求高的话,自己画也是 OK 的。动画这块,如果默认的不够用,自定义个 PageTransformer
,重写 transformPage
,就能玩出多花样。
别忘了性能,ViewPager
默认会预加载页面,虽然滑起来更流畅,但内存吃得也多。建议根据你页面复杂度,合理调下 setOffscreenPageLimit
的值。
另外如果你页面里嵌了 WebView,比如做个滑动看网页的 demo,记得控制好 WebView
的生命周期,加载缓存、关掉不必要的 JS,性能和安全性都会更好。
如果你在做 App 首屏滑动引导、内容阅读器,或者微信风格的多页展示,这套实现方式可以直接上手,省事不少。
WebViewDemo.zip
预估大小:48个文件
WebViewDemo
文件夹
bin
文件夹
classes.dex
678KB
res
文件夹
crunch
文件夹
drawable-hdpi
文件夹
ic_launcher.png
6KB
drawable-xhdpi
文件夹
ic_launcher.png
9KB
drawable-xxhdpi
文件夹
...
1.41MB
文件大小:
评论区