制作卷轴布告.PPT

著作權所有 ? 旗標出版股份有限公司 第 26 章 組件 (Components)、 樣版 (Template) 與 擴充功能 (Extension) 應用 本章提要 組件 (Components) 的應用 － 製作捲軸佈告 樣版 (Template) 的應用 － 幻燈片展示相片 Flash 的擴充功能 (Extension) 組件 (Components) 的應用 －  製作捲軸佈告 認識組件 (Components) Flash 內建組件之應用 製作組件外觀 設定組件屬性 設定 ActionScript 若要寫進 1 個以上的變數時 其他的組件 (Component) 認識組件 (Components) 組件是一種包含現成 ActionScript 程式的影片片段元件, 你只要設定指定的參數, 就可以直接利用這些組件, 完全省去辛苦撰寫程式的麻煩喔！ Flash 內建 13 種 Flash UI 組件, 是一些常用的使用者介面組件 (UI 顧名思義指的是 User Interface, 使用者介面), 如核取方塊 (Check Box)、下拉式列示窗 (Combo Box)、選項按鈕 (Radio Button) … 等常用在網頁上的東西。 認識組件 (Components) 執行『視窗 / 開發面板 / 組件』命令開啟組件面板, 便可看到 Flash 內建的 Flash UI Components： Flash 內建組件之應用 使用 Flash 內建的 TextArea (文字區塊) 組件自製捲軸佈告。請雙按 ch26.swf 範例檔來看看捲軸佈告的效果： 製作組件外觀 請開啟練習檔 ch26-learn.fla, 首先要加入 TextArea 組件： 設定組件屬性 開啟屬性面板, 我們要來設定組件的名稱及參數, 以便稍後使用 ActionScript 來控制： 設定組件屬性 editable：設為 true 表示允許使用者編輯文字區塊的內容；設為 false 則只能瀏覽不能編輯。 html：設為 true 表示支援含有 HTML 標籤的純文字檔。例如 ch26.txt 的第 1 行設有 b /b 標籤, 當 html 參數設為 true, 即可將標籤中的文字以粗體顯示；相反的, 若設為 false 則會把 HTML 標籤當作一般文字顯示出來。 設定組件屬性 text：設定文字區塊要顯示的內容。本例要從文字檔載入內容, 因此不設定這個參數。 wordWrap：設定 true 會依照文字區塊的寬度做文字換行；設為 false 則不自動換行, 因此可能會出現水平捲軸。 設定 ActionScript 接著我們要加入幾行 ActionScript, 目的是即時匯入一個純文字檔, 將文字檔的內容顯示在文字區塊中。由於文字檔的內容很長, 因此會在文字區塊旁邊顯示捲軸, 讓使用者捲動內容。 要匯入 Flash 的純文字檔我們已經幫你準備好了, 請開啟 ch26.txt, 檢視一下文字檔內容有何規定： 設定 ActionScript 若要寫進 1 個以上的變數時 若要寫進 1 個以上的變數, 可用 符號連接, 例如： 設定 ActionScript 請點選 Actions 圖層的第 1 格影格, 然後開啟動作面板, 設定如下的 ActionScript： 其他的組件 (Component) 除了 Flash 內建的組件之外, 使用者也可以自製或下載官方、非官方製作的組件來使用。最簡單的方式, 便是連上 Macromedia 公司的網站下載。至於下載回來的組件要如何在 Flash 中使用, 請參考 26-3 節的說明。 其他的組件 (Component) 樣版 (Template) 的應用 －  幻燈片展示相片 選擇樣版 (Template) 置換相片 更改其他樣式 選擇樣版 (Template) 請執行『檔案 / 開新檔案』命令： 選擇樣版 置換相片 接下來我們要做的工作就是將原本相簿中的四張相片, 換成我們自己的相片。為了確認 Flash 動畫檔與相片的影像檔之檔案位置, 先行存檔是比較方便的。請執行『檔案 / 另存新檔』命令將剛剛套用樣版所產生的文件命名存檔, 再繼續接下來的步驟。 在仔細研究過後, 我們發現 4 張相片分別放置在 picture layer 圖層的 4 格影格中, 我們只要刪掉內建的相片, 改放自己的相片即可。 置換相片 置換相片 置換相片 置換相片 另外, Title、Date、Captions 圖層中的影格則是相簿與相片的說明資訊, 你可以手動去一一修改, 這樣整個相簿會更完美！