2015年9月9日 星期三

在 Image View 內的另一個 Image View (圖片) 上使用 gesture

操作環境:Mac OS 10.10.4、Xcode 6.4

本篇目標:控制 image view 內的 image view ,使 gesture 跟該圖片做觸發,做想做的動作。

  1. 在 view 內加入第一個 image view

  2. image view 的 Pin Constraints 參照這篇 RTSP player with FFMEPG video streaming example step-by-step 的第 18 點

  3. 在內部再加入一個 image

  4. 給它大小

  5. 給它位置

  6. 加完 image 後會長這樣

  7. 在 finder 內放入圖片

  8. 在 Xcode 內新增相似路徑的 group,並加入 finder 內的檔案 red.png。

  9. 已匯入 red.png

  10. 這樣就可以指定圖片給 image view 了

  11. 給完要哪張圖片之後,看起來的樣子

  12. 在 storyboard 圖片上加上 gesture 控制

  13. 在相對應 view controller 的 m檔內,加入 Pan Gesture Recognizer action,做想做的事

  14. 把 code 跟 UI 介面做結合,將 pan 要執行的 method 連結



  15. 最後一步,很重要!必須要 enable User Interaction Enabled

  16. 跑起來看結果

  17. 完成

Note: 要實際改變該圖片的位置,需要控制其它的因素,會在往後的 post 提到。

沒有留言:

張貼留言