i phone 程式設計範例 觸發圖片移動
TRANSCRIPT
![Page 1: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/1.jpg)
iPhone 程式設計
觸發圖片移動
製作人 : 陳 顥劉書宏楊棋凱
![Page 2: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/2.jpg)
顯示目錄圖片準備 57x57的圖片拉進檔案中
(檔案名稱開頭為英文 )
![Page 3: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/3.jpg)
顯示目錄圖片
拖曳以放入圖片
![Page 4: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/4.jpg)
編輯 iPhone畫面
拖曳一個button和ImageView
![Page 5: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/5.jpg)
編輯 iPhone畫面按下出現物件表單
輸入欲選取之圖片名稱
![Page 6: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/6.jpg)
物件宣告
拖曳至 .h檔內宣告
![Page 7: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/7.jpg)
程式碼編寫
設定圖 im的初始位置
設 XY為圖 im的初始位置
按下按鍵,(X,Y)座標位置 +10
初始狀況
按鍵觸發動作
![Page 8: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/8.jpg)
成果圖
按下按鍵,(X,Y)座標位置 +10
![Page 9: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/9.jpg)
程式碼編寫
按下按鍵,圖 im改變位置及大小
按鍵觸發動作
![Page 10: I phone 程式設計範例 觸發圖片移動](https://reader034.vdocuments.mx/reader034/viewer/2022050923/55b939e3bb61eb675c8b45c1/html5/thumbnails/10.jpg)
成果圖
按下按鍵,圖 im改變位置及大小