CALayer

视图UIView类中有一个重要的属性——layer,类型是CALayer类,这个属性是负责视图外观样式的。当创建一个视图类时,除了能够在一块矩形区域内显示样式外,还能够与用户进行交互,这是因为UIView类继承自UIResponder类。

当设置UIView的一些外观属性时,例如:背景颜色、大小、透明度等,其本质上是修改的UIView对象中layer的属性。

CALayer的常用属性
// 实例化方法。
+(instancetype)layer;
// frame:该layer相对于父layer的位置以及大小。
@property CGRect frame;
// bounds:该layer控制的矩形区域的大小。
@property CGRect bounds;
// transform:形变属性,可以用于改变layer的大小、位置、角度等。
@property CATransform3D transform;

整体样式相关属性




边角与阴影相关属性




// layer层次关系控制的方法与属性
@property (nullable, copy) NSArray<CALayer *> *sublayers;
-(void)addSublayer:(CALayer *)layer;
// 向layer对象添加一个动画对象
-(void)addAnimation:(CAAnimation *)anim forKey:(nullable NSString *)key;

iOS开发中有两大类型的坐标系,分别为点坐标系(point-based coordinatesystems)以及单元坐标系(unit coordinate systems)。另外,当对视图进行旋转操作时,还会涉及iOS中的立体坐标系。

当设置一个视图的frame或者bounds属性时,使用的是点坐标系,即屏幕的左上角为点坐标系的原点。

CALayer类中的两个关键属性——位置(position)与锚点(anchorPoint),分别使用了点坐标系以及单元坐标系。

位置(position)。在一个CALayer对象中,位置position是点坐标系中的一个点,该点与锚点anchorPoint是同一个点,或者可以理解为与锚点重合。
@property CGPoint position;
锚点(anchorPoint),是单元坐标系中的一个点。默认情况下,它是单元坐标系中的中心点,坐标为(0.5,0.5)。
@property CGPoint anchorPoint;

三维立体坐标系,除了X轴和Y轴之外,还有Z轴。Z轴以屏幕的左上角为0点,向屏幕外延伸。
当对视图进行旋转操作时,可以围绕X轴、Y轴和Z轴进行旋转,旋转的效果会不同。

当需要对视图旋转时,可以使用CATransform3DMakeRotation()函数对CALayer或UIView的transform属性进行修改。该函数中可以指定所围绕的轴。
CA_EXTERN CATransform3D CATransforn3DMakeRotation (CGFloat angle, CGFloat x, CGFloat y, CGFloat z);

// 围绕Z轴旋转
subLayer.transform = CATransforn3DMakeRotation(M_PI_4, 0, 0, 1);
// 围绕Y轴旋转
subLayer.transform = CATransforn3DMakeRotation(M_PI_4, 0, 1, 0);
// 围绕X轴旋转
subLayer.transform = CATransforn3DMakeRotation(M_PI_4, 1, 0, 0);
// 围绕原点与(1,1,1)连线轴旋转
subLayer.transform = CATransforn3DMakeRotation(M_PI_4, 1, 1, 1);

动画属性

CALayer中的动画属性在开发过程中,比较常用的有如下几个。
@property CGRect bounds;
@property(nullable) CGColorRef backgroundColor;
@property CATransform3D transform;
...

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为下列代码实现可暂停效果: import UIKit class ViewController: UIViewController { private let radarAnimation = "radarAnimation" private var animationLayer: CALayer? private var animationGroup: CAAnimationGroup? private var opBtn: UIButton! override func viewDidLoad() { super.viewDidLoad() let first = makeRadarAnimation(showRect: CGRect(x: 120, y: 100, width: 100, height: 100), isRound: true) view.layer.addSublayer(first) opBtn = UIButton(frame: CGRect(x: 100, y: 450, width: 80, height: 80)) opBtn.backgroundColor = UIColor.red opBtn.clipsToBounds = true opBtn.setTitle("Hsu", for: .normal) opBtn.layer.cornerRadius = 10 view.addSubview(opBtn) let second = makeRadarAnimation(showRect: opBtn.frame, isRound: false) view.layer.insertSublayer(second, below: opBtn.layer) } @IBAction func startAction(_ sender: UIButton) { animationLayer?.add(animationGroup!, forKey: radarAnimation) } @IBAction func stopAction(_ sender: UIButton) { animationLayer?.removeAnimation(forKey: radarAnimation) } private func makeRadarAnimation(showRect: CGRect, isRound: Bool) -> CALayer { // 1. 一个动态波 let shapeLayer = CAShapeLayer() shapeLayer.frame = showRect // showRect 最大内切圆 if isRound { shapeLayer.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height)).cgPath } else { // 矩形 shapeLayer.path = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height), cornerRadius: 10).cgPath } shapeLayer.fillColor = UIColor.orange.cgColor // 默认初始颜色透明度 shapeLayer.opacity = 0.0 animationLayer = shapeLayer // 2. 需要重复的动态波,即创建副本 let replicator = CAReplicatorLayer() replicator.frame = shapeLayer.bounds replicator.instanceCount = 4 replicator.instanceDelay = 1.0 replicator.addSublayer(shapeLayer) // 3. 创建动画组 let opacityAnimation = CABasicAnimation(keyPath: "opacity") opacityAnimation.fromValue = NSNumber(floatLiteral: 1.0) // 开始透明度 opacityAnimation.toValue = NSNumber(floatLiteral: 0) // 结束时透明底 let scaleAnimation = CABasicAnimation(keyPath: "transform") if isRound { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 0, 0, 0)) // 缩放起始大小 } else { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.0, 1.0, 0)) // 缩放起始大小 } scaleAnimation.toValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.5, 1.5, 0)) // 缩放结束大小 let animationGroup = CAAnimationGroup() animationGroup.animations = [opacityAnimation, scaleAnimation] animationGroup.duration = 3.0 // 动画执行时间 animationGroup.repeatCount = HUGE // 最大重复 animationGroup.autoreverses = false self.animationGroup = animationGroup shapeLayer.add(animationGroup, forKey: radarAnimation) return replicator } }
最新发布
06-03

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值