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

标题: ios - 在同一中心位置缩放一个圆圈 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 15:51
标题: ios - 在同一中心位置缩放一个圆圈

我正在努力缩放圆并保持相同的中心位置，这看起来像 map 上的脉动圆。

AnimationView.m

@property (nonatomic, strong) UIBezierPath *ovalPath;

- (void)drawCircle
{
    UIGraphicsBeginImageContext(self.frame.size);
    CGRect rect = CGRectMake(25.45, 49.25, 5.8, 5.8);
    self.ovalPath = [UIBezierPath bezierPathWithOvalInRect: rect];
    [self.ovalPath fill];
    UIGraphicsEndImageContext();
}

- (void)bumpUpCircle
{
    CAShapeLayer *pathLayer = [CAShapeLayer layer];

    pathLayer.frame     = self.bounds;
    pathLayer.path      = self.ovalPath.CGPath;
    pathLayer.fillColor = [UIColor blackColor].CGColor;
    pathLayer.lineWidth = 2.0f;
    pathLayer.lineJoin  = kCALineJoinBevel;
    [self.layer addSublayer:pathLayer];

    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath"transform.scale"];
    animation.fromValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.0, 0.0, 0)];
    animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(10.0, 10.0, 10.0)];
    animation.repeatCount = 1;
    animation.removedOnCompletion = NO;
    animation.fillMode = kCAFillModeForwards;
    animation.duration = 1;
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
    [pathLayer addAnimation:animation forKey"transform.scale"];
    NSLog(@"%@",NSStringFromCGPoint(self.bounds.origin));
}

但是，缩放位置在一个奇怪的位置，而不是圆的中心。

任何想法将不胜感激。谢谢。

编辑:

GIF uploaded

---

Best Answer-推荐答案

我对你的脉冲圈建议是使用 UIView 并将其作为 subview 添加到你的 UIViewController 中。在下面的示例中，您会得到一个脉冲圆(一个 UIView 与一个 cornerRadius 类似半径)在几行中向上和向下缩放。包括这个，例如在你的 UIViewController 的 viewDidLoad 中尝试一下。

int radius = 100;
UIView * circleView = [[UIView alloc] init];
circleView.backgroundColor = [UIColor greenColor];
circleView.frame = CGRectMake(0, 0, radius*2, radius*2);
circleView.center = self.view.center;
circleView.layer.cornerRadius = radius;
[self.view addSubview:circleView];

[UIView animateWithDuration:0.8f
                      delay:0.0f
                    options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeat
                 animations:^{
                     circleView.transform = CGAffineTransformMakeScale(1.1, 1.1);
                 } completion:^(BOOL fin) { 
                     // Do nothing
                 }];

关于ios - 在同一中心位置缩放一个圆圈，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31487293/

---

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

Powered by Discuz! X3.4