2011年1月16日 星期日

iPhone / iPad -- 程式撰寫 教學篇 -- 如何呈現 360度 圖片旋轉 (interactive 360 degree product views)

今天要討論的,是如何做出 互動式的360度圖片旋轉。
(How to make a program that can do interactive 360 degree product views)

這個概念, 義信 是從 apple demo html5 的網站所得到。
各位可以前往 http://developer.apple.com/safaridemos/threesixty.php 觀看。

經由分析相關的程式碼,我們可以發現 apple 是採用 ajax相關語法,將多達80幾張圖片載入。
再根據現今所展示的圖片呈現出來,並配合使用者的操縱,更換呈現中的圖片。
分析可實現的方式後,我們把相關的步驟寫下。

1. 產生一個圖片陣列
2. 使用者操縱圖片,改變圖片的index
3. 呈現出圖片

在實際的程式寫作上,我們可以先用 UserInterface Builder,將相關的元件載入。

從元件庫拉入 Image ... 以Array 產生 Image Array



--------------------底下為英文版本----------------------------

Today we want to discuss is how to make a program that can do interactive 360 degree product views.
This concept is from apple's demo site for html5.
You can visit http://developer.apple.com/safaridemos/threesixty.php to check.

沒有留言:

張貼留言