第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

Swift動(dòng)畫(一)

標(biāo)簽:
iOS 面試 Swift

图片来源于网络

前言

swift的简洁性是oc所不能相比的,对于它的发展,我是非常看好,在此我写了几篇swift相关的动画系列文章,会相继更新。

外观属性:

backgroundColor 背景颜色
alpha 透明度

一、一般动画

1、普通平移

普通平移.gif

UIView.animate(withDuration: 2, delay: 0.0, options: [], animations: {
   self.dog.center.x += 140
}, completion: nil)

说明:改变参数,会出现不同的动画效果
1、withDuration 动画持续时间
2、delay 延迟时间
3、options []代表传入参数为空

2、重复来回移动

重复来回移动.gif

UIView.animate(withDuration: 2, delay: 0.0, options: [.repeat, .autoreverse], animations: {
    self.dog.center.x += 140
}, completion: nil)

说明[.autoreverse, .repeat]添加两个参数,需要用冒号,分开,方括号[]包起来
1、options .repeat重复 .autoreverse来回移动

3、淡入淡出

火车启动停止

现实生活中,物体不仅仅突然启动或者停止,很多东西像火车都是慢慢启动(speed up)慢慢停止(slow down)

淡入淡出.gif

说明:
1、options .repeat重复 .curveEaseOut淡出(逐渐减速) .curveEaseIn淡入(逐渐加速)

二、弹簧动画(Spring Animation)

由于 iOS 本身大量使用的就是 Spring Animation,用户已经习惯了这种动画效果

iOS的弹簧效果.gif

弹簧图解.png
由图可以很清楚看出,point Apoint B,会在终点point B来回晃动,就是我们常说的惯性

Spring Animation 的 API 和一般动画相比多了两个参数,分别是usingSpringWithDamping和initialSpringVelocity

UIView.animate(withDuration: 1.5, delay: 0.0, usingSpringWithDamping: 0.2, initialSpringVelocity: 0.0, options: [.repeat, .autoreverse], animations: {
    self.dog.center.x += 140
}, completion: nil)

说明
1、usingSpringWithDamping传入数值为0.0~1.0,数值越大,弹性越不明显
2、initialSpringVelocity 动画速度,usingSpringWithDamping相同情况下,initialSpringVelocity数值越大,初始速度越大(个人想法:withDuration持续时间相同,但是初始速度大,我觉得是通过摆动的幅度,反弹效果来扯平,也就是说数值越大,反弹效果更明显)

该图来源其他资料.gif
从上图可以看出,25的比5.0初始速度快,而且有反弹效果,下面是我代码写的,值分别为0.2和9.0的效果

惯性0.2.gif
惯性9.0.gif

三、过渡(Transitions)

1、普通过渡

transitionFlipFromBottom效果

UIView.transition(with: animationContainerView!, duration: 1.33, options: [.repeat, .curveEaseOut, .transitionFlipFromBottom], animations: {
    self.animationContainerView!.addSubview(newView)
}, completion: nil)

transitionFlipFromBottom把底部作为视图翻转的“枢纽”

transitionCurlDown效果
transitionCurlDown类似翻页效果
transitionoption很有好多,朋友们可以自己敲来试试

2、替换view

替换.gif

//替换图片
UIView.transition(from: dogView, to: pandaView, duration: 3.0, options: [.transitionFlipFromBottom, .repeat], completion: nil)

全部代码均已校正,总结自外文《iOS.Animations.by.Tutorials》

點(diǎn)擊查看更多內(nèi)容
2人點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
軟件工程師
手記
粉絲
6443
獲贊與收藏
782

關(guān)注作者,訂閱最新文章

閱讀免費(fèi)教程

感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消