圖層幻燈片 輕松玩拖動

馬震安

案例描述：制作了一張幻燈片，當鼠標懸停在它上面的按鈕上時，就會有包括圖片按鈕的下拉菜單展開。當點擊圖片按鈕時，會切換到若干個動物圖片集界面。在這個界面中每個小圖片按鈕都可拖動，拖動某個小圖片到特定區域時（或雙擊小圖片按鈕時），會彈出有關動物的介紹窗口（圖1）。

看到這個問題后，也許你會想，在1張幻燈片中實現拖動效果，還能彈出窗口，是不是要用到VBA代碼？的確，在PPT中實現上述效果要用到VBA代碼，但如果用Articulate Storyline 2制作幻燈片，不用任何代碼就能夠輕易實現上述效果。

1. 制作下拉菜單

打開Articulate Storyline 2并新建一個項目，雙擊無標題幻燈片，右擊設置它的背景;切換到“插入”選項卡，在合適位置插入1個鼠標樣式及1個文本框作為操作提示;在幻燈片上選擇并畫出1個按鈕控件并利用“格式”選項卡設置其顏色、按鈕圖標等;插入1個剪去同側角的矩形的形狀及3個所需圖片，設置好形狀的透明度及3個圖片的大小、邊框等，這點和PPT中的操作相類似;分別右擊3個圖片，選擇“按鈕集→按鈕集1”;將形狀和3個圖片進行組合，放到此幻燈片外合適位置;切換到“動畫”選項卡，為組合添加“線條”動作路徑，并調整好此路徑的長度及位置;新增觸發器，設置操作為“移動”，對象為“Group1”，路徑為“直線動作路徑1”，時間為“鼠標懸停”，對象為“按鈕1”，勾選“在鼠標離開后恢復”。這樣，當鼠標懸停在按鈕上時就會出現菜單，鼠標離開時菜單消失（圖2）。

2. 構建圖片集窗口

在底層圖層處單擊“新建圖層”按鈕，對新建的圖層重新命名（如“海洋野生動物集”）;在這個圖層上插入所需要的圖片，調整好圖片大小、角度、邊框，右擊每個圖片設置成“按鈕集1”;為每個圖片設置好進入動畫，也可插入1個小圖片作為目錄提示放在按鈕旁（圖3）。

再次新增圖層，插入矩形形狀作為背景，再插入動物圖片及介紹文本框，設置好大小及進入動畫。這些操作也都和PPT中類似。為了能夠關閉彈出窗口，還需要插入一個關閉標識到合適位置，并新增觸發器。設置操作為“隱藏圖層”，圖層為“此圖層”，時間為“用戶單擊”，對象為“標記1”;以動物名稱重新命名該圖層，打開它的屬性窗口，不要勾選“隱藏其他幻燈片圖層”，這點很重要。其他動物的圖片、介紹的添加也是這樣操作，而視頻窗口的建立與之類似（圖4）。

3. 菜單按鈕設置

要想實現點擊菜單上的圖片按鈕就會切換到圖片集上的效果，需要增加觸發器來實現。

切換到底層圖層界面，新增觸發器，設置操作為“顯示圖層”，圖層為“海洋野生動物集”，時間為“用戶單擊”，對象為“圖片3”，這樣就實現了單擊圖片3時顯示海洋野生動物集圖層。

其他按鈕的設置與上述操作類似。

4. 拖動效果設置

切換到圖片集，右擊每個圖片按鈕，勾選“拖放→回拖”后再去掉勾選，這是非常關鍵的一步;新增觸發器，設置操作為“移動”，對象為“圖片1”（相應圖片集上的圖片按鈕名字），路徑為“未分配”，時間為“拖動對象”，對象為“圖片1”，這兩個對象必須是同一圖片集上的相同圖片按鈕。這樣就實現了拖動效果（圖5）。

5. 實現彈出窗口

在“陸地野生動物集”圖層的合適位置插入1個矩形標注，選定大象圖片按鈕，新增觸發器，設置“操作”為“顯示圖層”，“圖層”為“象”，“時間”為“拖動對象”，“對象”為所選擇圖片，“懸停于”為“矩形標注1”。這樣就實現了當拖動大象圖片按鈕懸停于矩形標注時，彈出大象介紹窗口的效果（圖6）。其他拖動窗口的顯示也是這樣設置。

6. 幻燈片發布

為了有一個簡潔的操作界面，需要切換到“故事視圖”狀態，在幻燈片屬性界面的“幻燈片導航”處去掉一些不必要的按鈕;“播放器功能”處選擇“自定義選定幻燈片”，去掉一些不必要的按鈕。

上述操作完成后，點擊“發布”按鈕，在彈出的窗口選擇“Web”選項卡，輸入標題，設置好發布文件夾，最后發布就可以了。