关于UISlider动画速度问题

最新推荐文章于 2024-04-30 10:20:51 发布

蓝清水

最新推荐文章于 2024-04-30 10:20:51 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS开发小技巧

本文链接：https://blog.youkuaiyun.com/lrbtony/article/details/88096145

iOS开发小技巧专栏收录该内容

45 篇文章

订阅专栏

探讨了在iOS开发中，如何优化UISlider的动画效果，通过分段执行动画解决底色与指示标不同步的问题，实现更平滑的动画过渡。

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

如图所示，这个问题困扰了我很久，原因就在于IOS系统自带的UISlider的动画代码只有一句：

[slider setValue:xx animated:YES];//duration depends on distance

就是说，自带的动画方法并不能自定义动画时长，只能由距离所决定，而且动画效果一闪而过。而我们的需求呢，就想要动画效果慢点，动作顺滑。在不自定义的情况下，我开始寻找其他方法去实现需求。

经过尝试，发现

[UIView animateWithDuration:1 animations:^{
        [self.slider setValue:progress animated:YES];
    } ];

这种方法能做出一定动画效果，但是会出现下面如图的问题

橙色底线跟指示标动画不同步。一个是从左往右移动，一个是从右往左移动。这样子效果还是有点瑕疵。只能继续改进。

然后我想到了把这个动画分段执行。

[UIView animateWithDuration:0.01 animations:^{
        [self.slider setValue:progress/100.0 animated:YES];
    } completion:^(BOOL finished) {
        [UIView animateWithDuration:0.99 animations:^{
           [self.slider setValue:progress animated:YES];
        }];
    }];

先让底色同步到指示标位置，然后再一同开始右移动画。从而实现需求。