1. 在歡迎窗口右側(cè)的歷史項(xiàng)目列表中旺遮,雙擊打開之前創(chuàng)建的單視圖項(xiàng)目模板赵讯。
2. 本節(jié)課將為您演示,如何制作翻轉(zhuǎn)動(dòng)畫耿眉。首先在一個(gè)空白項(xiàng)目中边翼,打開視圖控制器的代碼文件。
3. 接著開始編寫代碼鸣剪,實(shí)現(xiàn)這項(xiàng)功能组底。
4. 創(chuàng)建一個(gè)位置在(50, 50),尺寸為(220, 320)的顯示區(qū)域筐骇。
5. 初始化一個(gè)圖像視圖债鸡,并設(shè)置其位置和尺寸信息。
6. 從項(xiàng)目資源文件中铛纬,加載一張圖片娘锁。
8. 設(shè)置圖像視圖的標(biāo)識(shí)值饺鹃,以方便后期對(duì)圖像視圖的調(diào)用莫秆。
9. 將圖像視圖间雀,添加到當(dāng)前視圖控制器的根視圖。
10. 初始化一個(gè)按鈕對(duì)象镊屎,當(dāng)點(diǎn)擊按鈕時(shí)惹挟,開始播放動(dòng)畫。
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è)方法,用來響應(yīng)按鈕的點(diǎn)擊事件溺忧。
17. 發(fā)出開始視圖動(dòng)畫的請(qǐng)求咏连,標(biāo)志著視圖動(dòng)畫塊的開始。在它和提交動(dòng)畫請(qǐng)求之間鲁森,可以定義動(dòng)畫的各種展現(xiàn)方式祟滴。
18. 設(shè)置動(dòng)畫的播放速度為淡入淡出。
19. 設(shè)置動(dòng)畫的時(shí)長(zhǎng)為5秒歌溉。
20. 設(shè)置動(dòng)畫從視圖當(dāng)前狀態(tài)開始播放垄懂。
21. 接著通過標(biāo)識(shí)值,找到之前創(chuàng)建的圖像視圖痛垛,作為動(dòng)畫的載體草慧。
22. 設(shè)置動(dòng)畫類型為翻轉(zhuǎn)動(dòng)畫。
23. 調(diào)用視圖的提交動(dòng)畫方法榜晦,標(biāo)志著動(dòng)畫塊的結(jié)束。點(diǎn)擊[編譯并運(yùn)行]按鈕羽圃,啟動(dòng)模擬器預(yù)覽項(xiàng)目乾胶。
24. 點(diǎn)擊按鈕,開始播放動(dòng)畫朽寞。
25. 點(diǎn)擊[停止]按鈕识窿,關(guān)閉模擬器,并結(jié)束本節(jié)課程脑融。
本文整理自:《互動(dòng)教程 for Xcode9 & Swift4》喻频,真正的[手把手]教學(xué)模式,用最快的速度上手iOS開發(fā)肘迎,蘋果商店App Store免費(fèi)下載:https://itunes.apple.com/cn/app/id1063100471甥温,或掃描本頁(yè)底部的二維碼锻煌。課程配套素材下載地址:資料下載