Download - I phone 程式設計範例 內建動畫
Transcript
![Page 1: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/1.jpg)
iPhone 內建動畫
![Page 2: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/2.jpg)
• 新增專案後將圖片拉進來
![Page 3: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/3.jpg)
• 在此處點選右鍵
![Page 4: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/4.jpg)
• 點選 New File…
![Page 5: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/5.jpg)
• 點選 Cocoa Touch,點選 C class
![Page 6: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/6.jpg)
• 新增完後,在 .h檔宣告標頭檔
![Page 7: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/7.jpg)
• 在 .m檔裡面宣告觸控副程式
![Page 8: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/8.jpg)
• 在觸控副程式裡面,打上動畫指令• animateWithDuration:為動畫時間 ( 秒 )
![Page 9: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/9.jpg)
• 鍵入內建動畫的動作,加上註解共有五個動作。• 從上到下分別為 :翻頁 (從上到下 ),翻頁 (從下到上 )
• 旋轉 (往左轉 ),旋轉 (往右轉 )• 最後一個則是沒有動畫效果
![Page 10: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/10.jpg)
• 最後再加上層面的切換• 在此,如果想要兩層面同一張圖• 將兩個數字都用同樣即可
![Page 11: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/11.jpg)
• 到 .m檔刪掉註解後• 宣告 ttt 初始化,圖片大小
![Page 12: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/12.jpg)
• 宣告圖片初始化、大小• 圖片名稱• 將圖片層放在底框層 (這裡宣告兩面 )
![Page 13: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/13.jpg)
• 最後再加上兩面圖層的動作• 釋放記憶體
![Page 14: I phone 程式設計範例 內建動畫](https://reader036.vdocuments.site/reader036/viewer/2022081801/55b93a43bb61eb5c5c8b4606/html5/thumbnails/14.jpg)
• 完成。