[IOS]——[UIScrollerView]——将图片裁剪成圆形并实现滚动

效果图:
在这里插入图片描述

首先将图片裁剪成圆形

先介绍一下CALayer

1.CALayer(层)是屏幕上的一个矩形区域,在每一个UIView中都包含一个CALayer,CALayer负责UIView的视图显示。
2.跟UIView的关系图:
在这里插入图片描述
其中不暴露给UIView的内容有
1,阴影,圆角,带颜色的边框

2,3D变换

3,非矩形范围

4,多级非线性动画。

设置图片为圆形的做法

layer的介绍
在 iOS 中,所有的 view 都是由一个底层的 layer 来驱动的。view 和它的 layer 之间有着紧密的联系,UIView继承自UIResponder, 能接收并响应事件, 负责显示内容的管理, 而CALayer继承自NSObject, 不能响应事件, 负责显示内容的绘制,view 其实直接从 layer 对象中获取了绝大多数它所需要的数据。

在这里插入图片描述

将图片设置为滚动状态

这里利用的是计时器的方法
图片转动是要改变图片的属性(transform)

@property (nonatomic, retain) NSTimer *imgTimer;
//控制转动图片
self.imgTimer = [NSTimer scheduledTimerWithTimeInterval:0.05 target:self selector:@selector(imgTransform) userInfo:nil repeats:YES];
//停止转动
[self.imgTimer setFireDate:[NSDate distantFuture]];
#pragma mark - 计时器方法 - 图片转动
-(void)imgTransform{
    
    self.myImageView.transform = CGAffineTransformRotate(self.myImageView.transform, 0.01);
    
}
发布了11 篇原创文章 · 获赞 11 · 访问量 886

猜你喜欢

转载自blog.csdn.net/kk177/article/details/105736448
今日推荐