6.10 UIView視圖的動(dòng)畫(huà)塊 [iOS開(kāi)發(fā)-Xcode教程]

1. 在歡迎窗口右側(cè)的歷史項(xiàng)目列表中,雙擊打開(kāi)之前創(chuàng)建的單視圖項(xiàng)目模板。

2. 本節(jié)課將為您演示,如何制作翻轉(zhuǎn)動(dòng)畫(huà)。首先在一個(gè)空白項(xiàng)目中,打開(kāi)視圖控制器的代碼文件。

3. 接著開(kāi)始編寫(xiě)代碼,實(shí)現(xiàn)這項(xiàng)功能。

4. 創(chuàng)建一個(gè)位置在(50, 50),尺寸為(220, 320)的顯示區(qū)域。

5. 初始化一個(gè)圖像視圖,并設(shè)置其位置和尺寸信息。

6. 從項(xiàng)目資源文件中,加載一張圖片。

7. 給圖像視圖指定需要顯示的圖片。

8. 設(shè)置圖像視圖的標(biāo)識(shí)值,以方便后期對(duì)圖像視圖的調(diào)用。

9. 將圖像視圖,添加到當(dāng)前視圖控制器的根視圖。

10. 初始化一個(gè)按鈕對(duì)象,當(dāng)點(diǎn)擊按鈕時(shí),開(kāi)始播放動(dòng)畫(huà)。

11. 設(shè)置按鈕對(duì)象的位置為(50, 400),尺寸為(220, 44)。

12. 設(shè)置按鈕對(duì)象的背景顏色為淺灰色。

13. 設(shè)置按鈕對(duì)象的標(biāo)題文字。

14. 給按鈕對(duì)象,綁定點(diǎn)擊事件。

15. 將按鈕對(duì)象,添加到當(dāng)前視圖控制器的根視圖。

16. 然后創(chuàng)建一個(gè)方法,用來(lái)響應(yīng)按鈕的點(diǎn)擊事件。

17. 發(fā)出開(kāi)始視圖動(dòng)畫(huà)的請(qǐng)求,標(biāo)志著視圖動(dòng)畫(huà)塊的開(kāi)始。在它和提交動(dòng)畫(huà)請(qǐng)求之間,可以定義動(dòng)畫(huà)的各種展現(xiàn)方式。

18. 設(shè)置動(dòng)畫(huà)的播放速度為淡入淡出。

19. 設(shè)置動(dòng)畫(huà)的時(shí)長(zhǎng)為5秒。

20. 設(shè)置動(dòng)畫(huà)從視圖當(dāng)前狀態(tài)開(kāi)始播放。

21. 接著通過(guò)標(biāo)識(shí)值,找到之前創(chuàng)建的圖像視圖,作為動(dòng)畫(huà)的載體。

22. 設(shè)置動(dòng)畫(huà)類(lèi)型為翻轉(zhuǎn)動(dòng)畫(huà)。

23. 調(diào)用視圖的提交動(dòng)畫(huà)方法,標(biāo)志著動(dòng)畫(huà)塊的結(jié)束。點(diǎn)擊[編譯并運(yùn)行]按鈕,啟動(dòng)模擬器預(yù)覽項(xiàng)目。

24. 點(diǎn)擊按鈕,開(kāi)始播放動(dòng)畫(huà)。

25. 點(diǎn)擊[停止]按鈕,關(guān)閉模擬器,并結(jié)束本節(jié)課程。

本文整理自:《互動(dòng)教程 for Xcode9 & Swift4》,真正的[手把手]教學(xué)模式,用最快的速度上手iOS開(kāi)發(fā),蘋(píng)果商店App Store免費(fèi)下載:https://itunes.apple.com/cn/app/id1063100471,或掃描本頁(yè)底部的二維碼。課程配套素材下載地址:資料下載

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容