ScrollShapeUI-仿网易云音乐歌单详情页.zip

时间:2022-10-13 20:47:06
【文件属性】:

文件名称:ScrollShapeUI-仿网易云音乐歌单详情页.zip

文件大小:1.6MB

文件格式:ZIP

更新时间:2022-10-13 20:47:06

开源项目

仿网易云音乐歌单详情页在做CloudReader时,为了模仿网易云音乐UI,其中类似歌单详情页很重要,在此记录,其中很多点还是值得关注的。涉及到的点:1、Activity页面跳转共享元素曲线动画2、Glide加载固定图片大小,解决切换页面时图片闪烁问题;加载状态监听等3、Toolbar背景图显示布局高斯模糊图底部的一部分4、滑动渐变Toolbar背景图5、NestedScrollView在Api23下的滑动兼容实现思路:1、Activity设置自定义Shared Element切换动画2、透明状态栏(透明Toolbar,使背景图上移)3、Toolbar底部增加和背景一样的高斯模糊图,并上移图片(为了使背景图的底部作为Toolbar的背景)4、上下滑动,通过NestedScrollView拿到移动的高度,同时调整Toolbar的背景图透明度网易云音乐App原图:实现的效果图:详细说明文章请看:http://www.jianshu.com/p/1995b7135073


【文件预览】:
ScrollShapeUI-master
----ScrollShapeUI.iml(867B)
----app()
--------build.gradle(1KB)
--------src()
--------proguard-rules.pro(673B)
----settings.gradle(15B)
----build.gradle(498B)
----gradlew(5KB)
----LICENSE(11KB)
----README.md(1KB)
----gradlew.bat(2KB)
----gradle()
--------wrapper()
----pic()
--------scrollshapeui.gif(627KB)
--------yuan.gif(877KB)

网友评论