音乐盒与拼图.PDF

音樂盒與拼圖 音樂盒與拼圖這兩個原本不相干的兩的主題，因為 Android 專題指導的機 會，而有了共同的話題。原來，音樂盒是在文大任教時期所指導一項專題製作 的子功能，當時為了突顯觸控螢幕與多媒體之間的互動關係，於是將音樂盒作 成一支 App 加以呈現；而拼圖遊戲則是在巨匠指導學員進行專題製作，後來 1 加以改良。 此外，音樂盒與拼圖這兩支 App 都採取了四季的主題畫面與音樂曲目， 這些類似的素材促使這兩個 App 小品整合在本章之中。 15.1 音樂盒專題 一般音樂盒多半是將特定數量與曲目固定在音樂盒內，經由某種機制自 動或手動的方式播放，而曲目的進行也分成反覆播放以及循序漸進或隨機選曲 的方式進行。 本次的專題也雷同，選擇 （韋瓦第）之四季（ ） Vivaldi The Four Seasons 交響曲作為音樂盒的曲目，但只截取片段聊備一格，讀者可以動手自行換成完 整版自娛娛人。 1 觸控設計之觀念與創意應用 -- 嵌入式系統、人機介面與Android專題實作，碁峰，2010 15-2 | 第一次學 Android 就上手 15.1.1 音樂盒規格簡介 因此，聲光效果之聲音規格部份就以四季定調；而聲光效果的光影部份， 也就是圖像方面，在此以兩種意向來呈現四季。首先，以花朵來表現四季，有 所謂「春蘭」、「夏荷」、「秋菊」、「冬梅」之說；其次，按著大自然的科 學角度，我們知道傾斜 23 度半角的地球繞著太陽所做的公轉，正是影響太陽 照射地球不均而形成之四季現象的原因，可以設計相關圖像作為表徵。 而在此兩類圖像上所執行的點擊手勢，則分別定義為音樂播放以及四季 切換的功能按鍵。整個畫面以全螢幕的方式來呈現。 (a) (b) (c) (d) 圖 音樂盒以「四季」為主題之視圖設計，配合 之矩陣按鍵： 春季； 15-1 2×2 (a) 夏季； 秋季； 冬季。 (b) (c) (d) 此外，正因為四季的變化有地球公轉的涵意在其中，所以規格也設計靜態 與動態兩種行為模式，當樂聲響起的時候，音樂盒上頭 2×2 之矩陣圖像就應 該自行轉動起來，彷彿隨著音樂翩翩起舞，讓整個音樂盒的設計更加生動有 趣。然而，就在 2×2 的矩陣圖像旋轉之際，也應該要能夠正常接受使用者所 執行的點擊手勢，讓音樂盒能夠隨時進行音樂停止或是四季切換的功能。 Chapter 15 音樂盒與拼圖 | 15-3 圖 15-1 就是以此概念所設計的其中四張圖片，分別表達春、夏、秋、冬 的感覺；至於圖片中另外兩個字母「 」與「 」英文字首鈕可以再擴充應用。 m v 15.1.2 靜態畫面之視圖設計 如前述，四季主題之內涵意義本身就包含循環不息的概念，本是可以採 取 動 畫 效 果 加 以 呈 現 更 為 精 彩 好 看 。 然 而 亦 可 以 採 用 影 像 切 換 （ ）元件之圖片淡進淡出的切換效果，以較低成本達成 之視 ImageSwitcher