用Flash製作一個滑動變阻器

一位同事請求幫忙用Flash製作一個滑動變阻器的課件。考慮到用Flash製作要用代碼甚至編程，比較高深，於是尋求更為簡單可行的製作方法——改用Articulate Storyline 2軟件來完成滑動變阻器交互式課件的製作。

實例描述：課件中的線路圖有電源、安培表、開關、滑動變阻器、電燈。當開關閉合時，電燈根據滑動變阻器的滑塊位置達到一定亮度，安培表指針也指到一定數值，且左、右拖動滑動變阻器的滑塊時，電燈的亮度及安培表的指針都發生相應變化。當開關斷開時，電燈滅掉，安培表指針恢復到0

1. 素材準備好

準備好課件中所要用到的圖片素材。燈泡、滑塊、滑桿、開關的刀片都需要單獨的圖片，安培表中的指針可在幻燈片中利用自選圖形畫出，而線路圖可在畫圖軟件中組裝完成，生成新的圖片。最好將這些圖片的背景設置為透明，可通過圖像處理軟件或在線服務去除圖片背景。

2. 配件巧組裝

打開Articulate Storyline 2，新建一個項目，雙擊無標題場景幻燈片進入編輯窗口，右擊設置好它的背景。在幻燈片中插入線路圖、刀片、燈泡等圖片，插入控件按鈕中的一個滑塊並選中它，在格式選項卡的滾動塊樣式處，單擊“滾動塊填充”下的“圖片”，選擇“滑塊兒.png”文件，在軌道樣式處單擊“軌道填充”下的.“圖片”，選擇“滑桿兒.png”文件，這樣就將插入的滑塊變成了滑動變阻器中的滑塊樣式。選擇“設計”選項卡，設置滑塊的開始為1，結束為10。再插入“箭頭”形狀作為安培表的指針。最後，調整好各個圖片及控件的位置，並在時間線上上下拖動調整好各個元素間的層次關係（圖

小提示：

如果滑塊中的圖片大小不太合適，可通過調整8個控制點及控制滾動塊、軌道的2個黃色控制點調整大小。

3. 更改素材狀態

由於開關有打開和閉合兩種狀態，燈泡的亮度、安培表的指針也要進行變化，所以就需要設置它們的不同狀態。選擇刀片圖片，由時間線切換到狀態，點擊“編輯狀態”按鈕，新增狀態，狀態名稱處選擇“已選定”，選擇“正常”狀態，調整好圖片的角度。同理，選擇燈泡圖片，新增10個狀態，命名從1到10，利用格式選項卡中的亮度、對比度來調整燈泡的顏色；選擇箭頭（安培表指針），新增10個狀態，命名從1到10，調整好指針的角度。

4. 設置素材動作

點擊窗口右邊的“管理項目變量”按鈕新增一個變量，名稱為kg，類型為編號，默認值為0。選擇開關（即刀片圖片），新增觸發器，設置各項參數（圖4）。新增條件，按如圖所示進行設置（圖5），這樣表示當開關處於正常狀態（開關打開）時變量kg的值為0。同樣道理，再新增觸發器，當圖片5的狀態處於“Selected”（已選定，開關閉合）時，變量kg的值為1。

新增觸發器，按如圖所示設置（圖6），表示當滑塊的值為10（在最右側）且開關閉合時，指針指向狀態10。再新增9個觸發器，目標狀態分別為9、8……，條件分別為“滑塊1==等於9和kg==等於1”、“滑塊1==等於8和kg==等於1”……直到目標狀態為1。同理，新增10個觸發器，按如圖所示設置（圖7），表示當滑塊的值為10（在最右側）且開關閉合時，燈泡狀態為1。

和上述操作類似，增加10個觸發器用於控制燈泡根據滑塊的調整來更改相應亮度，“時間：滑塊移動”，“對象：滑塊1”，條件和上述類似。再增加10個觸發器，用於控制指針根據滑塊的調整來指向不同刻度，“時間：滑塊移動”，“對象：滑塊1”，條件和上述類似。

新增2個觸發器，設置“操作：更改狀態”，“在對象上”分別為“箭頭1”和“圖片3”（燈泡），“目標狀態：正常”，“時間：變量更改”，“變量：kg”，“條件：kg==等於0”，這樣就實現了當開關打開時，指針和燈泡都恢復成正常。

5. 合理優化發佈

最後，為了有一個簡潔的操作界面，需要切換到視圖狀態，點擊相應的幻燈片，在幻燈片導航處去掉一些不必要的按鈕；在播放器功能處選擇“自定義選定幻燈片”，去掉一些不必要的按鈕。點擊“發佈”按鈕，在彈出窗口選擇Web選項卡，輸入標題，設置好發佈文件夾，最後發佈就可以了。