馬震安

案例描述：制作了一張幻燈片，當(dāng)鼠標(biāo)懸停在它上面的按鈕上時(shí)，就會(huì)有包括圖片按鈕的下拉菜單展開。當(dāng)點(diǎn)擊圖片按鈕時(shí)，會(huì)切換到若干個(gè)動(dòng)物圖片集界面。在這個(gè)界面中每個(gè)小圖片按鈕都可拖動(dòng)，拖動(dòng)某個(gè)小圖片到特定區(qū)域時(shí)（或雙擊小圖片按鈕時(shí)），會(huì)彈出有關(guān)動(dòng)物的介紹窗口（圖1）。

看到這個(gè)問(wèn)題后，也許你會(huì)想，在1張幻燈片中實(shí)現(xiàn)拖動(dòng)效果，還能彈出窗口，是不是要用到VBA代碼？的確，在PPT中實(shí)現(xiàn)上述效果要用到VBA代碼，但如果用Articulate Storyline 2制作幻燈片，不用任何代碼就能夠輕易實(shí)現(xiàn)上述效果。

1. 制作下拉菜單

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

2. 構(gòu)建圖片集窗口

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

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

3. 菜單按鈕設(shè)置

要想實(shí)現(xiàn)點(diǎn)擊菜單上的圖片按鈕就會(huì)切換到圖片集上的效果，需要增加觸發(fā)器來(lái)實(shí)現(xiàn)。

切換到底層圖層界面，新增觸發(fā)器，設(shè)置操作為“顯示圖層”，圖層為“海洋野生動(dòng)物集”，時(shí)間為“用戶單擊”，對(duì)象為“圖片3”，這樣就實(shí)現(xiàn)了單擊圖片3時(shí)顯示海洋野生動(dòng)物集圖層。

其他按鈕的設(shè)置與上述操作類似。

4. 拖動(dòng)效果設(shè)置

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

5. 實(shí)現(xiàn)彈出窗口

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

6. 幻燈片發(fā)布

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

上述操作完成后，點(diǎn)擊“發(fā)布”按鈕，在彈出的窗口選擇“Web”選項(xiàng)卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾，最后發(fā)布就可以了。