固定中心的动画 UILabel 宽度
Animate UILabel width with fixed center
如何在保持视图居中的同时设置宽度变化的动画?
目前我做的时候不是从中心长出来的
self.textLabel = UILabel()
self.textLabel.frame = CGRectMake(0, 0, Globals.voterTextLabel, Globals.voterTextLabel)
self.textLabel.center = CGPointMake(self.view.frame.width/2, self.view.frame.height/2)
self.textLabel.text = "VS"
self.textLabel.layer.cornerRadius = Globals.voterTextLabel/2
self.textLabel.layer.masksToBounds = true
self.textLabel.clipsToBounds = true
self.textLabel.backgroundColor = UIColor.whiteColor()
self.textLabel.textColor = Colors.voterTextLabel
self.textLabel.textAlignment = .Center
self.textLabel.autoresizingMask = .FlexibleWidth
self.view.addSubview(self.textLabel)
UIView.animateWithDuration(2, animations: {
self.textLabel.frame.size.width = 150
self.textLabel.center.x = self.view.frame.width/2
}, completion: nil)
这对你有用。
你只需要给出宽度和高度的比例(默认为 1,这不会有任何影响)。这将使您的视图框架动画化。
UIView.animateWithDuration(2, delay: 0, options: UIViewAnimationOptions.BeginFromCurrentState, animations: { () -> Void in
self.textLabel.transform=CGAffineTransformMakeScale(3, 1);
}, completion: nil)
如果你不想拉伸内容,你可以试试这个:
UIView.animateWithDuration(2, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
var newWidth:CGFloat = 200.0;
var oldWidth:CGFloat = self.textLabel.frame.width;
var totalChangeWidth:CGFloat = newWidth - oldWidth;
var newHeight:CGFloat = 200.0;
var oldHeight:CGFloat = self.textLabel.frame.width;
var totalChangeHeight:CGFloat = newHeight - oldHeight;
self.textLabel.bounds.size = CGSizeMake(self.textLabel.frame.size.width + totalChangeWidth, self.textLabel.frame.size.height + totalChangeHeight);
self.textLabel.center = CGPointMake(self.view.frame.width/2, self.view.frame.height/2)
}, completion:nil)
如何在保持视图居中的同时设置宽度变化的动画?
目前我做的时候不是从中心长出来的
self.textLabel = UILabel()
self.textLabel.frame = CGRectMake(0, 0, Globals.voterTextLabel, Globals.voterTextLabel)
self.textLabel.center = CGPointMake(self.view.frame.width/2, self.view.frame.height/2)
self.textLabel.text = "VS"
self.textLabel.layer.cornerRadius = Globals.voterTextLabel/2
self.textLabel.layer.masksToBounds = true
self.textLabel.clipsToBounds = true
self.textLabel.backgroundColor = UIColor.whiteColor()
self.textLabel.textColor = Colors.voterTextLabel
self.textLabel.textAlignment = .Center
self.textLabel.autoresizingMask = .FlexibleWidth
self.view.addSubview(self.textLabel)
UIView.animateWithDuration(2, animations: {
self.textLabel.frame.size.width = 150
self.textLabel.center.x = self.view.frame.width/2
}, completion: nil)
这对你有用。 你只需要给出宽度和高度的比例(默认为 1,这不会有任何影响)。这将使您的视图框架动画化。
UIView.animateWithDuration(2, delay: 0, options: UIViewAnimationOptions.BeginFromCurrentState, animations: { () -> Void in
self.textLabel.transform=CGAffineTransformMakeScale(3, 1);
}, completion: nil)
如果你不想拉伸内容,你可以试试这个:
UIView.animateWithDuration(2, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
var newWidth:CGFloat = 200.0;
var oldWidth:CGFloat = self.textLabel.frame.width;
var totalChangeWidth:CGFloat = newWidth - oldWidth;
var newHeight:CGFloat = 200.0;
var oldHeight:CGFloat = self.textLabel.frame.width;
var totalChangeHeight:CGFloat = newHeight - oldHeight;
self.textLabel.bounds.size = CGSizeMake(self.textLabel.frame.size.width + totalChangeWidth, self.textLabel.frame.size.height + totalChangeHeight);
self.textLabel.center = CGPointMake(self.view.frame.width/2, self.view.frame.height/2)
}, completion:nil)