本文介绍了如何在Android中实现类似小红书登录页面的背景图无限循环滚动效果。通过分析页面布局，确定使用自定义FrameLayout，加载本地图片，并在onDraw方法中绘制滚动背景。详细步骤包括缩放图片、定时滚动、平移处理和无限滚动的视觉效果。同时，提供了自定义属性以调整滚动速度、方向和遮罩层颜色，并提供了源码和Demo地址。
1.需求分析
小红书登陆页面背景图滚动效果
需求特点
背景无限循环滚动
登陆页面布局分析
功能分析
通过 uiautomatorviewer 分析页面布局，确定其应是通过自定义 FrameLayout 实现
通过清除 App 数据同时断开数据连接再启动该页面，确定背景加载的是本地图片
通过小红书 apk 获取资源文件，确定背景图片为单张图片
2.具体实现
实现效果
实现步骤
自定义 SrcScrollFrameLayout 继承于 FrameLayout ，初始化时 setWillNotDraw(false) 使 onDraw 方法生效
获取背景图片 Bitmap 对象，按 SrcScrollFrameLayout 实际宽度按比例缩放，同时计算需要绘制的背景图 Bit
订阅专栏 解锁全文
扫一扫
2875
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
