OStack程序员社区-中国程序员成长平台

标题: ios - UIView 圆形 mask 动画 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 11:19
标题: ios - UIView 圆形 mask 动画

我有一个抽象的奇怪形状的 UIView。 而且我需要显示一个平滑外观动画。

我假设我应该将该动画应用于该 View 上方的蒙版。 面具将是圆形的。 所以用户将看到 1'2'3'4' 序列。 我该如何实现？ 我想我应该应用一些仿射变换 到蒙版 View 。在那种情况下，面具的原始形状应该是什么？ 一条竖线？

---

Best Answer-推荐答案

一个简单的例子，假设我有一个100*100的imageview，

注意:为简单起见，我使用硬编码数字

 CAShapeLayer * maskLayer = [CAShapeLayer layer];
maskLayer.bounds = CGRectMake(0, 0, 100, 100);
maskLayer.position = CGPointMake(50, 50);
UIBezierPath * path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(50.0, 50.0) radius:50 startAngle:0 endAngle:M_PI *2 clockwise:true];
maskLayer.path = path.CGPath;
maskLayer.fillColor = [UIColor clearColor].CGColor;
maskLayer.strokeColor = [UIColor blackColor].CGColor;
maskLayer.strokeEnd = 0.0;
maskLayer.lineWidth = 100;
self.imageview.layer.mask = maskLayer;

CABasicAnimation * animation = [CABasicAnimation animation];
animation.keyPath = @"strokeEnd";
animation.toValue = @(1.0);
animation.duration = 2.0;
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
animation.fillMode = kCAFillModeForwards;
animation.removedOnCompletion = NO;

[maskLayer addAnimation:animation forKey"keyFrame"];

关于ios - UIView 圆形 mask 动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31563353/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4