字幕滾動及視頻播放

在上期我們已完成了“音樂欣賞”主界面的制作，如圖1所示。

圖1主界面

由于還沒有制作分界面，所以點擊左側的按鈕畫面不會發生跳轉，這次我們就講解期中兩個模塊的設計步驟。

一、“作品賞析”部分內容的制作

步驟1：導入背景圖片
雙擊“作品賞析”組圖標進入下一層設計窗口，拖動一個顯示圖標到流程線上，命名為“背景-作品欣賞”，雙擊打開，導入圖片（即圖3的背景）。

步驟2：建立分界面
根據腳本設計，我們又把“作品欣賞”分為“創作過程”、“作品簡介”、“分段賞析”和“音樂知識”四個模塊，這樣首先拖一個交互圖標到流程線上命名為“作品欣賞”，然后再拖動四個組圖標到“作品欣賞”的右側，分別命名為“創作經過”、“作品簡介”、“分段賞析”和“音樂知識”。為了能方便的回到主界面，要另加一個“返回”按鈕，流程線如圖2所示。

圖2作品賞析流程線

為了有效好的視覺效果，需要定做五個按鈕，方法請參照上期的相關內容，“作品賞析”界面如圖3所示。

圖3分界面——作品賞析

我們接下來講解“創作過程”模塊的制作，這部分能實現的效果是：在作品賞析界面點擊“創作過程”按鈕，會出現一個顯示面板，在上面演示滾動的字幕并播放音樂，鼠標單擊畫面則回到“作品賞析”界面。

步驟3：導入顯示面板
雙擊“創作過程”組圖標，進入第三層設計窗口，在流程線上放置一個顯示圖標，命名為“背景-創作經過”，雙擊打開，導入背景圖片，如圖4所示。

圖4創作經過背景面板

步驟4：制作遮罩
為了讓下面將制作的滾動字幕出現在面板的的“顯示區”（即顏色淡的區域），就需要制作遮罩，方法是：在“背景-創作經過”圖標下面放一個顯示圖標，命名為“背景-遮罩”，按shift鍵雙擊圖標，就能打開包含前一個背景圖片的展示窗，導入上下兩個做遮罩的圖片（可從背景圖片上截取），注意與背景圖片對齊，如圖5所示。

圖5導入遮罩

為了讓遮罩出現在背景的上層，按ctrl+i打開圖標屬性對話框，將layer（層）設為1，如圖6所示。

圖6設置遮罩的層

步驟5：加入音樂
在流程線上放置一聲音圖標，命名為“藍色多瑙河音樂”，雙擊打開，單擊“import”按鈕，導入一段錄音文件，從“concurrency”的下拉菜單中選取“concurrency”（同步）選項，其它設置如圖7所示。

圖7聲音屬性窗口

步驟6：輸入文字
在流程線上放置顯示圖標，命名為“藍色多瑙河”，雙擊打開，選擇文字工具，輸入一段對“藍色多瑙河”的介紹文字。

步驟7：滾動文字
拖動一個移動圖標到流程線上，命名為“移動”，按“shift”鍵再雙擊打開“移動”圖標，選中我們剛輸入的那一段文字，這時在對話框的左上角會出現我們選中的對象微縮圖，表明我們已選中了文字。從“type”（類型）中選擇“direct to line”，如圖8所示。

圖8 移動屬性窗口

現在我們可以將文字向上移動至適當位置，做為運動的終點，運動的起點就是我們在顯示圖標“藍色多瑙河”中設置的位置，我們可打開圖標“藍色多瑙河”將文字調整到屏幕的下方，點按鈕preview可預覽效果，如圖9所示。

圖9 演示滾動的文字

步驟8：退出分支
拖一個等待圖標放在流程線上，雙擊等待圖標，在等待屬性窗口中勾選鼠標點擊及按鍵事例，這樣我們按任意鍵或在顯示窗中點擊鼠標時，都會使程序向下運行，如圖10所示。

圖10 設置等待屬性

最后在流程線上再放一個計算圖標，命名為“exit”，雙擊計算圖標，在打開的窗口中輸入goto(i

[1] [2] [3] 下一頁