iOS UIView淡入淡出动画效果

view 的淡入淡出效果,在 iOS 开发里算是个老朋友了,几乎每个项目都用得上。用UIViewalpha属性来搞定,简单直观,视觉上还挺舒服的。

如果你想让一个界面元素“悄悄登场”或者“默默离开”,直接改alpha值就行,搭配UIView.animate方法,几行代码就搞定。

比如淡入就这样:

view.alpha = 0.0
UIView.animate(withDuration: 2.0) {
  view.alpha = 1.0
}

淡出的话就反着来,alpha1.0调到0.0。想要高级点的玩法?那可以试试UIViewPropertyAnimator,控制更细,还能暂停、反转,适合做一些交互感更强的效果。

比如说,你想根据用户滑动条调节淡入淡出速度?那就做个带UISlider的自定义控制器,让用户自己设置动画时间,参数直接喂给animate或者PropertyAnimator用,交互体验也更灵活。

这种效果在切换视图、弹窗展示、内容加载完成之后的显示都好用。ToolDemo 项目里应该有对应的实现代码,建议你看看,理解起来也不会太难。

想扩展玩法?你可以看看其他平台的淡入淡出实现,比如jQueryUnity或者C++。比一比,不同技术下的思路还蛮有意思的。

淡入淡出是个轻巧但有感觉的动画方式,掌握好了,UI 立马有灵魂。如果你还没用过,赶紧试试吧!

zip 文件大小:209.78KB