分享给大家一个 iOS 的用线条拼写的下拉刷新,效果如下:
在这里我要给大家推荐一个封装好动画效果和线条宽度的一个demo,叫 CBStoreHouseRefreshControl
可以看到,有很多跟这个刷新很像的一些刷新demo,我也看了很多,但是这个运行起来更适合放在公司项目里,运行起来更正式一些
我们打开项目,可以看到有一个 class 文件夹,这里也就是我们的刷新动画效果实现文件
其中,BarItem 文件中主要是写线条的每个坐标点以及连线,和线宽等属性,如果后期想更改线条相关属性可以去 BarItem 文件中修改。
而 CBStoreHouseRefreshControl 文件就主要是写动画效果了,比如动画秒数,刷新动画的高度等因素及类方法。
我们只需要把 class 文件夹拖到你们的工程中,然后添加刷新动画就可以了(当然,还有结束刷新)。
self.maydayRefreshControl = [CBStoreHouseRefreshControl attachToScrollView:self.tableView target:self refreshAction:@selector(refreshTriggered:) plist:@"mayday" color:[UIColor whiteColor] lineWidth:1.5 dropHeight:80 scale:1 horizontalRandomness:150 reverseLoadingAnimation:YES internalAnimationFactor:0.5];
向图一所示,我的刷新显示的是【小花】,其实这个坐标还是很好算的,中学会发那种 x,y 的坐标纸大家还记不记得(我上网扒了一个给大家看看)。
大家也可以自己画,主要是可以很好的计算每一个坐标点,也可以在上面写字或者画 logo ,然后记下对应的坐标点。 然后我们把这些坐标点写到 plist 文件中。
从上图可以看到,有起点和终点,这是为了组成一条线,所以想组成一条线,需要起点的 item 和重点的 item 相对应。并且我们相对应的应该从最后一个字,或最后一条线开始算做 item0,这样才能做成从下而上的叠成文字或 logo,再从上而下的消失。
最后,附上下载地址:
链接: https://pan.baidu.com/s/1eR2iqoq
密码: itmz