14
iPhone 內內內內

I phone 程式設計範例 內建動畫

Embed Size (px)

Citation preview

Page 1: I phone 程式設計範例 內建動畫

iPhone 內建動畫

Page 2: I phone 程式設計範例 內建動畫

• 新增專案後將圖片拉進來

Page 3: I phone 程式設計範例 內建動畫

• 在此處點選右鍵

Page 4: I phone 程式設計範例 內建動畫

• 點選 New File…

Page 5: I phone 程式設計範例 內建動畫

• 點選 Cocoa Touch,點選 C class

Page 6: I phone 程式設計範例 內建動畫

• 新增完後,在 .h檔宣告標頭檔

Page 7: I phone 程式設計範例 內建動畫

• 在 .m檔裡面宣告觸控副程式

Page 8: I phone 程式設計範例 內建動畫

• 在觸控副程式裡面,打上動畫指令• animateWithDuration:為動畫時間 ( 秒 )

Page 9: I phone 程式設計範例 內建動畫

• 鍵入內建動畫的動作,加上註解共有五個動作。• 從上到下分別為 :翻頁 (從上到下 ),翻頁 (從下到上 )

• 旋轉 (往左轉 ),旋轉 (往右轉 )• 最後一個則是沒有動畫效果

Page 10: I phone 程式設計範例 內建動畫

• 最後再加上層面的切換• 在此,如果想要兩層面同一張圖• 將兩個數字都用同樣即可

Page 11: I phone 程式設計範例 內建動畫

• 到 .m檔刪掉註解後• 宣告 ttt 初始化,圖片大小

Page 12: I phone 程式設計範例 內建動畫

• 宣告圖片初始化、大小• 圖片名稱• 將圖片層放在底框層 (這裡宣告兩面 )

Page 13: I phone 程式設計範例 內建動畫

• 最後再加上兩面圖層的動作• 釋放記憶體

Page 14: I phone 程式設計範例 內建動畫

• 完成。