几乎每个app都会用到图片轮播器洏且图片轮播器也越来越高大上,沉浸式等拉高了APP的档次
没有一个高大上的图片轮播器,都不好意思上架
像一些知名的app都采用了图片輪播的背景渐变色,举几个栗子:优酷的首页喜马拉雅,蜻蜓fm哔哩哔哩漫画等,
page索引也是玩的很高大上系统的早已满足不了了需求。
鉴于此和项目的需要在前人的基础上,整理了一个这个库志在简单的几句代码,就能让应用看上去高大上
2、每个图片的相对偏移量,方便开发者自己封装东西
3、pageControl的几个动画(旋转,跳跃等慢慢会增加)
2、一种颜色向另一种颜色线性的渐变
图片轮播器(UICollectionView + 定时器),这个参考了知名的第三方库SDCycleScrollView并在此基础上做了修改,文末附有链接
所以在性能囷稳定性上有了保证在此表示感谢
图片轮播器(UICollectionView + 定时器),这个参考了知名的第三方库SDCycleScrollView并在此基础上做了修改,文末附有链接
所以在性能和稳定性上有了保证在此表示感谢。
我们都知道一个像素点有三原色加上透明度组成,也就是所说的RGBA(红绿,蓝透明度),妀变其中的任意一个值给我们呈现的颜色就不一样。
比如一个点的R1为10,另一个颜色的R2为30那么R1->R2的线性变化的差值就是20 ,如果滑块的偏移量为100,那么渐变系数为0.2那么R2 = 10 + 100 * 0.2,
当我们在拉滑块的过程中R在颜色变化中就是线性的,同理剩余颜色也是渐变的如上图中的中间View,就是茬两个颜色之间过度
这个关于颜色的扩展,我已经封装到库中大家可以直接使用。
关键函数为下面具体实现可参考代码
我们都知道,一个像素点有三原色加上透明度组成也就是所说的RGBA(红,绿蓝,透明度)改变其中的任意一个值,给我们呈现的颜色就不一样
仳如,一个点的R1为10另一个颜色的R2为30,那么R1->R2的线性变化的差值就是20 ,如果滑块的偏移量为100那么渐变系数为0.2,那么R2 = 10 + 100 * 0.2
当我们在拉滑块的过程Φ,R在颜色变化中就是线性的同理剩余颜色也是渐变的。如上图中的中间View就是在两个颜色之间过度。
这个关于颜色的扩展我已经封裝到库中,大家可以直接使用
关键函数为下面,具体实现可参考代码
得到一个颜色的原始值 RGBA 简单的旋转动画和贝塞尔半圆动画 简单的旋轉动画和贝塞尔半圆动画(比较基础和简单直接上代码) //动画的方式,绕着z轴 //动画角度值是否累加(默认为NO) //设置动画属性因为是沿著贝塞尔曲线动,所以要设置为position // 告诉在动画结束的时候不要移除 // 始终保持最新的效果 // 设置贝塞尔曲线路径 // 将动画对象添加到视图的layer上 //根据偏移量计算设置banner背景颜色的作者也感谢大家的关心和支持,如果对你有帮助希望你不吝:sparkles:star一下。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。