OGeek|极客世界-中国程序员成长平台

标题: iOS 为具有特定持续时间的贝塞尔曲线制作动画 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 09:58
标题: iOS 为具有特定持续时间的贝塞尔曲线制作动画

如何在 iOS 中为给定的贝塞尔曲线制作动画，以便在给定时间内从起点绘制到终点。请看下面的动画。

---

Best Answer-推荐答案

贝泽路径

// set up properties for path
@property (nonatomic, assign) CGPath startPath;
@property (nonatomic, assign) CGPath endPath;
@property (nonatomic, strong) CAShapeLayer *pathLayer;

// create the startPath
UIBezierPath *path = [UIBezierPath //create your path using the paint code code
self.startPath = path.CGPath;

// create the end path
path = [UIBezierPath //create your path using the paint code code
self.endPath = path.CGPath;

// create the shapee layer
self.pathLayer = [CAShapeLayer layer];
self.pathLayer.path = self.startPath;
//also set line width, colour, shadows, etc...

[self.view.layer addSubLayer:self.pathLayer];

- (void)animatePath
{
    [UIView animateWithDuration:2.0
        animations^() {
            // set the animation block variables as suggested in imageview animation.
    }];
}

ImageView

您可以使用 UIViewAnimation block 轻松实现此目的。获取显示整个部分的精确图像(例如:image1.png)。现在是代码:

[myImageView setImage: [UIImage imageNamed"image1.png"]];
[myImageView setFrame: CGRectMake(0, 0, 0, 100)]; //for example width = 100 and height = 100 is required

[UIView animateWithDuration:0.5
                      delay:1.0
                    options: UIViewAnimationCurveEaseOut
                 animations:^{
                     [myImageView setFrame: CGRectMake(0, 0, 100, 100)];
                 } 
                 completion:^(BOOL finished){
                     NSLog(@"Done!");
                 }];

根据您的要求更改此代码，例如时间、自动重复或完成 block 等。

希望这会有所帮助。

关于iOS 为具有特定持续时间的贝塞尔曲线制作动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27394753/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://jike.in/)

Powered by Discuz! X3.4