iOS UIView淡入淡出动画效果
view 的淡入淡出效果,在 iOS 开发里算是个老朋友了,几乎每个项目都用得上。用UIView
的alpha
属性来搞定,简单直观,视觉上还挺舒服的。
如果你想让一个界面元素“悄悄登场”或者“默默离开”,直接改alpha
值就行,搭配UIView.animate
方法,几行代码就搞定。
比如淡入就这样:
view.alpha = 0.0
UIView.animate(withDuration: 2.0) {
view.alpha = 1.0
}
淡出的话就反着来,alpha
从1.0
调到0.0
。想要高级点的玩法?那可以试试UIViewPropertyAnimator
,控制更细,还能暂停、反转,适合做一些交互感更强的效果。
比如说,你想根据用户滑动条调节淡入淡出速度?那就做个带UISlider
的自定义控制器,让用户自己设置动画时间,参数直接喂给animate
或者PropertyAnimator
用,交互体验也更灵活。
这种效果在切换视图、弹窗展示、内容加载完成之后的显示都好用。ToolDemo 项目里应该有对应的实现代码,建议你看看,理解起来也不会太难。
想扩展玩法?你可以看看其他平台的淡入淡出实现,比如jQuery、Unity或者C++。比一比,不同技术下的思路还蛮有意思的。
,淡入淡出是个轻巧但有感觉的动画方式,掌握好了,UI 立马有灵魂。如果你还没用过,赶紧试试吧!
209.78KB
文件大小:
评论区