所以我试图用UIView做一个缩小/成长的圈子.我正在使用UIView.animateWithDuration …(blah blah blah)用于视图的框架,而CABasicAnimation用于为视图的(图层)角半径设置动画.两者都为正确的持续时间设置动画并以正确的圆形值(圆角半径= 1/2宽度)结束.问题是在动画期间,CABasicAnimation和UIView.animateWithDuration似乎有不同的动画曲线.如何实现正确的圆形动画.
如果答案是对农场膨胀使用CABAsicAnimation,请解释如何执行此操作.
谢谢！
码：
此代码是UIView的扩展.
//This is how it's being used to shrink the circle:
circleview.growByPixles(-10,seconds: 0.3,completion: {})
circleview.setCornerRadius(radius:(circleview.bounds.size.width - 10) / 2 seconds: 0.3)
//////
func morphToFrame(frame: CGRect,seconds: Double,completion: () -> ()) {
UIView.animateWithDuration(seconds,animations: {
self.frame = frame
},completion: { _ in
completion()
})
}
//negative integers shrink
func growByPixels(pixels: CGFloat,completion: () -> ()) {
var f:CGRect = self.frame
var newFrame:CGRect = CGRect(x: f.origin.x - pixels/2,y: f.origin.y - pixels/2,width: f.size.width + pixels,height: f.size.height + pixels)
self.morphToFrame(newFrame,seconds: seconds,completion: completion)
}
func setCornerRadius(radius: CGFloat,seconds: Double) {
self.layer.masksToBounds = true
var animation = CABasicAnimation(keyPath: "cornerRadius")
animation.timingFunction = camediatimingFunction(name: kcamediatimingFunctionLinear)
animation.fromValue = NSNumber(float: Float(self.layer.cornerRadius))
self.layer.cornerRadius = radius
animation.duration = seconds
self.layer.addAnimation(animation,forKey: "cornerRadius")
}
解决方法
我像这样调整我的圈子视图：
- (void)resizeCircleView:(CGRect)frame {
CGRect estimateFrame = frame;
float duration = 1.0f;
[UIView animateWithDuration:duration delay:0 options:UIViewAnimationoptionCurveLinear animations:^{
[circle setFrame:estimateFrame];
} completion:nil];
CGFloat estimateCorner = estimateFrame.size.width / 2;
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"cornerRadius"];
animation.timingFunction = [camediatimingFunction functionWithName:kcamediatimingFunctionLinear];
animation.fromValue = @(circle.layer.cornerRadius);
animation.tovalue = @(estimateCorner);
animation.duration = duration;
[circle.layer setCornerRadius:estimateCorner];
[circle.layer addAnimation:animation forKey:@"cornerRadius"];
}