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è)置其位置和尺寸信息。
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)題文字。
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è)底部的二維碼。課程配套素材下載地址:資料下載























