控制选单弹出收合的时机.PPT

網頁導覽列選單設計 第 11 章 * 東南科技大學專用 PowerPoint 檔案數位教材 東南科技大學專用 PowerPoint 檔案數位教材 東南科技大學專用PowerPoint 檔案數位教材 旗標出版股份有限公司 製作 本著作含書附光碟之內容 (不含 GPL 軟體)，僅授權合法持有本書之讀者（包含個人及法人）非商業用途之使用，切勿置放在網路上播放或供人下載，除此之外，未經授權不得將全部或局部內容以任何形式重製、轉載、散佈或以其他任何形式、基於任何目的加以利用。 * 本堂課重點提要 11-1 製作選單彈出、收合動畫 11-2 控制選單彈出、收合的時機 11-3 製作選單上的按鈕 * 11-1 製作選單彈出、收合動畫 彈出式選單的製作方式, 是先將選單彈出及收合的動畫製作完成, 然後加入ActionScript 程式, 控制何時該播放彈出動畫, 何時該播放收合動畫。因此第一件工作, 就是先將選單彈出、收合的動畫製作成元件, 請開啟範例檔 11-ex01.fla 進行操作(由於本堂課的重點將放在如何製作彈出式選單, 及撰寫相關的 ActionScript程式碼, 因此所需的元件都已事先準備好, 並放置在元件庫中)。 * 製作選單彈出、收合動畫 請新增一個彈出式選單影片片段元件, 然後將元件庫的選單 snapshot 拉曳到舞台中, 並在下方的屬性面板輸入 X、Y 軸的位置, 讓註冊點可以對齊舞台的中心： * 11-2 控制選單彈出、收合的時機 動畫分成彈出、收合後, 剩下來就是控制什麼時候要播放彈出、收合的動畫。彈出式選單的運作方法是, 當滑鼠指標移到選單上時 (更精確的說, 是移到選單的感應區), 選單就會彈出或收合。 加入 AS 程式碼偵測滑鼠是否進入感應區 調整感應區 * 加入 AS 程式碼偵測滑鼠是否進入感應區 現在要加入的程式碼, 是當滑鼠指標移動到感應區, 就會開始播放。您可以繼續使用剛才的檔案, 或是開啟範例檔案 11-ex02.fla 來進行操作。 請進入彈出式選單的元件編輯模式, 選取選單 snapshot 圖層的影格 1, 再按一下舞台上的選單 snapshot 實體, 然後在下方的屬性面板, 輸入實體名稱menubar： * 11-3 製作選單上的按鈕 能夠彈出、收合的選單已經做好了, 但選單上既然設置了按鈕, 就應該讓這些按鈕能發揮作用。我們要再加入程式, 當按下按鈕後, 主頁就會切換到對應的內容,同時選單會立即收合起來, 才不會擋到主頁。 按下按鈕後收合選單 按下按鈕後切換主頁內容 * 按下按鈕後收合選單 現在先來完成按下按鈕後, 選單會立即收合的程式。您可以繼續使用剛才的檔案, 或開啟範例檔 11-ex04.fla 來進行操作。 這 5 個按鈕都要有實體名稱, 才能透過程式來控制。請雙按舞台上的彈出式選單進入元件編輯模式, 然後將播放磁頭移動到影格 1, 再逐一為小圖 1～5 輸入實體名稱 snap1～snap5：