ios弹簧动画实现

最新推荐文章于 2025-05-17 13:09:06 发布

gx_wqm

最新推荐文章于 2025-05-17 13:09:06 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： ios

本文链接：https://blog.youkuaiyun.com/gx_wqm/article/details/51829350

ios 专栏收录该内容

162 篇文章

订阅专栏

本文介绍了如何在iOS中创建弹簧动画，以实现类似微博中按钮上下震动的效果。通过利用`UIView`的`animateWithDuration`方法，设置适当的阻尼比和初始速度，可以轻松实现弹簧效果。阻尼系数（0~1）决定了动画减速的程度，速度（0～1）则指定了动画启动时的速度。通过调整这两个参数，可以调整弹簧动画的表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们经常看到弹簧动画，像我们熟悉的微博就是一例，其实弹簧的动画的实现是很简单的，比如我想是想某个按钮的上下震动的弹簧效果：

UIButton *button = [[UIButtonalloc] initWithFrame:CGRectMake(100,100, 100,50)];

button.backgroundColor = [UIColorredColor];

[self.viewaddSubview:button];

[UIViewanimateWithDuration:1delay:0.5usingSpringWithDamping:0.3initialSpringVelocity:0.6options:UIViewAnimationOptionCurveEaseInOutanimations:^{

button.frame =CGRectMake(100,400, 100,50);

} completion:^(BOOL finished) {

}];

UIView的分类为我们实现了animateWithDuration这个方法，使得我们很容易就能实现弹簧效果。

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^__nullable)(BOOL finished))completion

参数解析：

duration：动画的持续时间

delay：动画延时几秒执行

dampingRatio ：动画阻尼系数

velocity：动画开始速度

options：动画效果参数

completion：动画执行完成的回调

其中：dampingRatio(动画阻尼系数)和velocity(动画开始速度)是需要重点了解的。阻尼系数（0~1），学物理的时候因该接触过，衡量阻力大小的一个标准，阻尼系数越大则说明阻力越大，动画的减速越开, 如果设为一的话，几乎没有弹簧的效果。而velocity(动画开始速度：0～1)想对来说比较好理解，就是弹簧动画开始时的速度。