iOS動(dòng)畫(huà)效果三：CABAsicAnimation實(shí)現(xiàn)平移、旋轉(zhuǎn)和放大

使用CABAsicAnimation來(lái)實(shí)現(xiàn)動(dòng)畫(huà)的放縮和旋轉(zhuǎn)是比較常用的，這篇主要介紹CABasicAnimation實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),濱江網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:濱江等地區(qū)。濱江做網(wǎng)站價(jià)格咨詢:028-86922220

最終的效果圖為：

Demo地址

對(duì)應(yīng)的實(shí)現(xiàn)文件是SecondViewController

首先，我們先定義一個(gè)UIView以及三個(gè)button按鈕，分別對(duì)應(yīng)平移、放大和旋轉(zhuǎn)

在.h文件中定義相應(yīng)的屬性

之后，在.m文件中實(shí)現(xiàn)相應(yīng)的懶加載

將UIView以及button添加到界面上

之后，我們先來(lái)實(shí)現(xiàn)平移動(dòng)畫(huà)，實(shí)現(xiàn)下面的方法

這里面遇到挺多坑的，下面逐條說(shuō)明一下

接下倆，我們類似添加相應(yīng)的放大和旋轉(zhuǎn)的動(dòng)畫(huà)效果

這樣，我們就完成了CABasicAnimation實(shí)現(xiàn)平移、放大和旋轉(zhuǎn)的動(dòng)畫(huà)效果

這種動(dòng)畫(huà)效果使用挺多的

另外，我們閱讀蘋(píng)果開(kāi)發(fā)文檔時(shí)，我們可以看到協(xié)議CAAnimationDelegate，通過(guò)這個(gè)協(xié)議我們可以觀察動(dòng)畫(huà)的開(kāi)始和結(jié)束。

在平移動(dòng)畫(huà)中，讓CABasicAnimation遵守這個(gè)協(xié)議

實(shí)現(xiàn)相應(yīng)的協(xié)議方法

比較重要的是，我們通過(guò)協(xié)議方法可以判斷動(dòng)畫(huà)是否正常完成還是被打斷，這個(gè)我以前就碰到過(guò)動(dòng)畫(huà)過(guò)程被UITableView 的reloadData打斷，導(dǎo)致動(dòng)畫(huà)表現(xiàn)異常，具體可以看下這篇文章

CAnimationGroup動(dòng)畫(huà)執(zhí)行時(shí)間比duration小

)

最終效果圖為：

Demo地址

我寫(xiě)的同一系列的其他文章

iOS開(kāi)發(fā)中動(dòng)畫(huà)效果的探究(一)

iOS動(dòng)畫(huà)效果的探究二：UIView Animation實(shí)現(xiàn)動(dòng)畫(huà)

iOS動(dòng)畫(huà)效果三：CABAsicAnimation實(shí)現(xiàn)平移、旋轉(zhuǎn)和放大

ios動(dòng)畫(huà)效果四：使用Pop框架實(shí)現(xiàn)彈簧效果

iOS動(dòng)畫(huà)效果五：CABasicAnimation實(shí)現(xiàn)繞定點(diǎn)旋轉(zhuǎn)的效果 ]

iOS動(dòng)畫(huà)效果六：實(shí)現(xiàn)自定義的push轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

iOS動(dòng)畫(huà)效果七：實(shí)現(xiàn)自定義present轉(zhuǎn)場(chǎng)動(dòng)畫(huà)效果

iOS動(dòng)畫(huà)效果八:實(shí)現(xiàn)類似系統(tǒng)的測(cè)滑返回效果

iOS 動(dòng)畫(huà)方法內(nèi)容整理

動(dòng)畫(huà)在UI交互中是一種增強(qiáng)用戶體驗(yàn)的利器，目前看到幾乎每一個(gè)移動(dòng)App都會(huì)使用到各種動(dòng)畫(huà)效果。

在IOS開(kāi)發(fā)中實(shí)現(xiàn)動(dòng)畫(huà)效果通常有三種方式。

可以用來(lái)做什么呢：

設(shè)置UIView的屬性:例如

frame

bounds

center

transform

alpha

backgroundColor

contentStretch

看一下實(shí)例：

我們可以看到self.greenView通過(guò)UIView Animation動(dòng)畫(huà)將某些屬性進(jìn)行了改變。

現(xiàn)在我們適當(dāng)?shù)募尤胍恍﹦?dòng)畫(huà)執(zhí)行的方式【options】

在開(kāi)發(fā)中可以添加特定的options滿足不同的動(dòng)畫(huà)需要。

彈簧效果：

CABasicAnimation 為layer屬性提供了基礎(chǔ)的幀動(dòng)畫(huà)能力，創(chuàng)建一個(gè)CABasicAnimation的實(shí)例，使用繼承自CAPropertyAnimation的animationWithKeyPath:方法，來(lái)指定要添加動(dòng)畫(huà)的layer屬性的keypath

讓一個(gè)view向左平移，在x方向上從屏幕x中間線型移動(dòng)到左邊消失，耗時(shí)1.5秒的動(dòng)畫(huà)

KeyPath的改變動(dòng)畫(huà)的效果就不一樣，開(kāi)發(fā)中改變KeyPath的屬性可以實(shí)現(xiàn)大多數(shù)我們需要的動(dòng)畫(huà)執(zhí)行的效果

用CABasicAnimation執(zhí)行動(dòng)畫(huà)，在動(dòng)畫(huà)結(jié)束后會(huì)回歸動(dòng)畫(huà)開(kāi)始前的狀態(tài)。想要解決的話，必須設(shè)置“removedOnCompletion”和“fillMode”這兩個(gè)屬性。

由于在開(kāi)發(fā)過(guò)程中光是CABasicAnimation的fromValue、toValue起點(diǎn)和終點(diǎn)設(shè)置是無(wú)法滿足我們希望在動(dòng)畫(huà)中途進(jìn)行更多的變化的需求，所以我們需要認(rèn)識(shí)一下CAKeyframeAnimation

從上面的繼承圖我們看出CAKeyframeAnimation 比CABasicAnimation多了更多的可設(shè)置屬性

關(guān)鍵幀動(dòng)畫(huà)其實(shí)通過(guò)一組動(dòng)畫(huà)類型的值（或者一個(gè)指定的路徑）和這些值對(duì)應(yīng)的時(shí)間節(jié)點(diǎn)以及各時(shí)間節(jié)點(diǎn)的過(guò)渡方式來(lái)控制顯示的動(dòng)畫(huà)。關(guān)鍵幀動(dòng)畫(huà)可以通過(guò)path屬性和values屬性來(lái)設(shè)置動(dòng)畫(huà)的關(guān)鍵幀。

可以保存一組動(dòng)畫(huà)CAKeyframeAnimation、CABasicAnimation對(duì)象，將CAAnimationGroup對(duì)象加入圖層后，組中所有動(dòng)畫(huà)對(duì)象可以同時(shí)并發(fā)運(yùn)行。

注意：默認(rèn)情況下，一組動(dòng)畫(huà)對(duì)象是同時(shí)運(yùn)行的，也可以通過(guò)設(shè)置單個(gè)動(dòng)畫(huà)對(duì)象的beginTime屬性來(lái)更改動(dòng)畫(huà)的開(kāi)始時(shí)間，單個(gè)動(dòng)畫(huà)的執(zhí)行效果可以與動(dòng)畫(huà)組執(zhí)行效果屬性分開(kāi)設(shè)定，根據(jù)需要調(diào)整改變。

iOS動(dòng)畫(huà)-CAAnimation的說(shuō)明與簡(jiǎn)單使用

1.CABasicAnimation

通過(guò)設(shè)定起始點(diǎn)，終點(diǎn)，時(shí)間，動(dòng)畫(huà)會(huì)沿著你這設(shè)定點(diǎn)進(jìn)行移動(dòng)。可以看做特殊的CAKeyFrameAnimation

2.CAKeyframeAnimation

Keyframe顧名思義就是關(guān)鍵點(diǎn)的frame，你可以通過(guò)設(shè)定CALayer的始點(diǎn)、中間關(guān)鍵點(diǎn)、終點(diǎn)的frame，時(shí)間，動(dòng)畫(huà)會(huì)沿你設(shè)定的軌跡進(jìn)行移動(dòng)

3.CAAnimationGroup

Group也就是組合的意思，就是把對(duì)這個(gè)Layer的所有動(dòng)畫(huà)都組合起來(lái)。PS：一個(gè)layer設(shè)定了很多動(dòng)畫(huà)，他們都會(huì)同時(shí)執(zhí)行，

4.CATransition

這個(gè)就是蘋(píng)果幫開(kāi)發(fā)者封裝好的一些動(dòng)畫(huà)，

values 指明整個(gè)動(dòng)畫(huà)過(guò)程中的關(guān)鍵幀點(diǎn)

path 與values屬性一樣，同樣是用于指定整個(gè)動(dòng)畫(huà)所經(jīng)過(guò)的路徑的。需要注意的是，values與path是互斥的，當(dāng)values與path同時(shí)指定時(shí)，path會(huì)覆蓋values，即values屬性將被忽略。

keyTimes 是一個(gè)數(shù)組，用以指定每個(gè)子路徑(AB,BC,CD)的時(shí)間。如果你沒(méi)有顯式地對(duì)keyTimes進(jìn)行設(shè)置，則系統(tǒng)會(huì)默認(rèn)每條子路徑的時(shí)間為：ti=duration/(5-1)，即每條子路徑的duration相等，都為duration的1\4。當(dāng)然，我們也可以傳個(gè)數(shù)組讓物體快慢結(jié)合。例如，你可以傳入{0.0, 0.1,0.6,0.7,1.0}，其中首尾必須分別是0和1，因此tAB=0.1-0, tCB=0.6-0.1, tDC=0.7-0.6, tED=1-0.7.....

timeFunctions 這個(gè)屬性用以指定時(shí)間函數(shù)，類似于運(yùn)動(dòng)的加速度，有以下幾種類型。記住，這是一個(gè)數(shù)組，你有幾個(gè)子路徑就應(yīng)該傳入幾個(gè)元素

/** Timing function names. **/

calculationMode 該屬性決定了物體在每個(gè)子路徑下是跳著走還是勻速走，跟timeFunctions屬性有點(diǎn)類似

文章標(biāo)題：ios動(dòng)畫(huà)開(kāi)發(fā),ios動(dòng)畫(huà)下載
鏈接地址：http://chinadenli.net/article5/dsisdoi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站改版、商城網(wǎng)站、外貿(mào)建站、ChatGPT、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)