第八章組件和模板 本章主要內(nèi)容 8 1組件簡介8 2使用組件8 3常用組件8 4使用模板8 5應用實例8 6本章習題與實驗指導 第8章組件和模板 8 1組件簡介 組件是帶有參數(shù)的影片剪輯 組件既可以是一個簡單的用戶界面控件 如單選按鈕或復選框 也可以包含一定的內(nèi)容 如滾動窗格 組件還可以是不可見的 如FocusManager 組件是面向?qū)ο蠹夹g的一個重要特征 每個組件都有預定義參數(shù) 用戶也可以在使用時重新設置這些參數(shù) 并且每個組件還有一組獨特的動作腳本方法 屬性和事件 也稱API 應用程序編程接口 在運行組件時用戶可以設置參數(shù)和其他選項 包含四類組件 用戶界面組件 UI 媒體組件 數(shù)據(jù)組件和管理器 l用戶界面組件 UI 可以快速地與應用程序交互操作 例如 Button組件 CheckBox組件等 l媒體組件 可以將媒體流入到應用程序中 例如 MediaDisplay組件 MediaPlayback組件等 數(shù)據(jù)組件 可以加載和處理數(shù)據(jù)源的信息 例如 DataBinding組件 DataHolder組件 DataSet組件 WebServiceConnector組件等 管理器 管理器組件是一組不可見的組件 使用這些組件可以在應用程序中管理諸如焦點或深度之類的功能 例如 DepthManager類 FocusManager類 PopUpManager類等 8 2使用組件 使用組件有多種方法 可以使用 組件 面板來查看組件 也可以在創(chuàng)作過程中將組件添加到文檔中 這樣可在 屬性 面板或 組件檢查器 面板中查看或修改組件屬性 此外 在多數(shù)情況下 用戶還需要編寫動作腳本 以便對組件數(shù)據(jù)進行處理 所有組件都存儲在 組件 面板中 選擇 窗口 開發(fā)面板 組件 命令 或按下組合鍵 Ctrl F7 都可以打開 組件 面板 第8章組件和模板 組件 面板 1 添加組件和刪除組件向文檔中添加組件 只需要打開 組件 面板 將選中組件從 組件 面板中拖放到舞臺上 或者在 組件 面板中雙擊要添加的組件即可 若從Flash文檔中刪除組件的實例 可通過刪除庫面板中編譯剪輯 SWC 圖標來刪除組件 或者直接選中舞臺上的組件實例 按 Delete 鍵 2 組件檢查器 面板和 屬性 面板將組件添加到Flash文檔后 可以使用 屬性 面板來設置和查看組件實例 也可以使用 組件檢查器 面板來設置組件實例的參數(shù) 需要說明的是有些參數(shù)必須使用動作腳本來設置 在 組件檢查器 面板中查看組件實例 選擇一個組件的實例 單擊 窗口 組件檢查器 命令 打開 組件檢查器 面板 單擊 參數(shù) 選項卡查看參數(shù) 3 處理組件事件所有組件都有事件 若處理事件 需要編寫在觸發(fā)事件時執(zhí)行的腳本代碼 用戶可以通過以下兩種方式來處理組件事件 使用on 組件事件處理函數(shù)處理組件事件最簡單的方式是使用on 組件事件處理函數(shù) 用戶可以將on 處理函數(shù)分配給組件實例 就像將處理函數(shù)分配給按鈕或影片剪輯一樣 使用組件事件偵聽器處理組件事件最強大的方式是使用偵聽器 事件由組件進行廣播 作為偵聽器注冊到事件廣播器 組件實例 的任何對象都會收到該事件的通知 用戶可以向一個組件實例注冊多個偵聽器 也可以向多個組件實例注冊一個偵聽器 使用事件偵聽器模型 需要創(chuàng)建一個偵聽器對象 該對象所帶的屬性應為事件的名稱 8 3常用組件 8 3 1Button 按鈕 組件Button組件是一個可調(diào)整大小的矩形用戶界面按鈕 可以給按鈕添加一個自定義圖標 也可以將按鈕的行為從按下改為切換 在單擊切換按鈕后 它將保持按下狀態(tài) 直到再次單擊時才會返回到彈起狀態(tài) 第8章組件和模板 1 Button參數(shù)licon 給按鈕添加自定義圖標 該值是 庫 面板中影片剪輯或圖形元件的鏈接標識符 沒有默認值 llabel 設置按鈕上文本的值 默認值是 Button llabelPlacement 確定按鈕上的標簽文本相對于圖標的方向 該參數(shù)可以是left right top或bottom之一 默認值是right lselected 該參數(shù)指定是按下 true 還是釋放 false 按鈕 默認值為false ltoggle 將按鈕轉(zhuǎn)變?yōu)榍袚Q開關 值為true時 按鈕在按下后保持按下狀態(tài) 直到再次按下時才返回到彈起狀態(tài) 值為false時 按鈕的行為就像普通按鈕 默認值為false 請進入Flash通過實例介紹Button組件的具體應用 2 Button組件的應用下面通過實例介紹Button組件的具體應用 請進入Flash窗口 根據(jù)教材介紹的操作步驟完成實例制作 測試按鈕效果圖 8 3 2CheckBox 復選框 組件CheckBox是一個可以選中或取消選中的方框 復選框是任何表單或Web應用程序中的一個基礎部分 每當需要收集一組非相互排斥的true或false值時 都可以使用復選框 當復選框被選中后 框中會出現(xiàn)一個復選標記 對于一組復選框選項 用戶可以不選或者選擇選項中的一個或多個 1 CheckBox參數(shù)llabel 設置復選框上文本的值 默認值是CheckBox llabelPlacement 確定復選框上標簽文本的方向 該參數(shù)可以是下列四個值之一 left right top或bottom 默認值是right lselected 將復選框的初始值設為選中 true 或取消選中 false CheckBox組件參數(shù) 2 CheckBox組件的應用下面的示例是一個用于收集客戶個人信息的表單 其中包含一組個人興趣愛好列表供客戶選擇 請進入Flash窗口完成操作 復選框組件實例效果圖 8 3 3ComboBox 組合框 組件ComboBox有靜態(tài)和可編輯之分 使用靜態(tài)組合框可以從下拉列表中做出一項選擇 使用可編輯的組合框可以在列表頂部的文本字段中直接輸入文本 也可以從下拉列表中選擇一項 組合框是由Button TextInput和List三個子組件組成 1 ComboBox參數(shù)ldata 為ComboBox組件中的每個項目設置一個相關聯(lián)數(shù)據(jù)值 該數(shù)據(jù)參數(shù)是一個數(shù)組 leditable 確定ComboBox組件是可編輯的 true 還是只能選擇的 false 默認值為false labels 用一個文本值數(shù)組填充ComboBox組件 rowCount 設置在不使用滾動條的情況下一次最多可以顯示的項目數(shù) 默認值為5 ComboBox組件參數(shù) 2 ComboBox組件的應用制作一個組合框 并在其下拉列表中呈現(xiàn)出一個從中選擇城市的列表 請進入Flash窗口完成操作 ComboBox組件應用 8 3 4Label 標簽 組件Label組件是Flash8中新加入的一個組件 通常使用Label組件為表單的其它組件創(chuàng)建文本標簽 也可以使用Label組件來替代普通文本字段 Label組件參數(shù) 1 Label參數(shù)參數(shù)含義如下 autoSize 指明標簽的大小和對齊方式應如何適應文本 默認值為none html 指明標簽是否采用HTML格式 默認值為false text 指明標簽的文本 默認值是Label 2 Label組件的應用用Label組件為復選框及組合框添加標簽 請進入Flash窗口完成操作 組件應用效果圖 8 3 5List 列表框 組件List組件是一個可滾動的單選或多選列表框 它與ComboBox組件有相似的功能和用法 1 List組件參數(shù)其它參數(shù)含義如下 lmultipleSelection 是一個布爾值 用于設置列表框的選項能否多選 默認值為false 即只能選擇其中一項 若選擇true 可同時選擇多項 選擇多項時需要按下 Ctrl 鍵的同時點擊要選擇的項目 lrowHeight 可以設置列表框每行的高度 默認值是20 2 List組件的應用請進入Flash窗口完成操作 List組件應用 List組件參數(shù) 8 3 6NumericStepper 數(shù)字微調(diào)器 組件NumericStepper組件允許用戶在一個數(shù)值范圍內(nèi)選擇某一值 NumericStepper只處理數(shù)值數(shù)據(jù) 此外 要顯示兩個以上的數(shù)值位置 例如 數(shù)字5246或1 34 在編輯時必須調(diào)整數(shù)字微調(diào)器的大小 1 NumericStepper參數(shù)參數(shù)含義如下 Maximum 設置步進的最大值 默認值為10 minimum 設置步進的最小值 默認值為0 stepSize 設置步進的變化單位 默認值為1 value 設置當前步進的值 默認值為0 NumericStepper組件參數(shù) 2 NumericStepper組件的應用本例中的數(shù)字微調(diào)器允許用戶從 50 50之間選擇一個數(shù)字 增量為1 請進入Flash窗口完成操作 NumericStepper組件應用 8 3 7RadioButton 單選按鈕 組件使用RadioButton組件允許用戶從一組選項中選擇惟一的選項 RadioButton組件必須用于至少有兩個RadioButton實例的組 在任何給定的時刻 都只有一個組成員被選中 用戶可以設置groupName參數(shù) 以指明單選按鈕屬于哪個組 1 RadioButton參數(shù)ldata 是與單選按鈕相關的值 lgroupName 單選按鈕的組名稱 默認值為radioGroup llabel 設置單選按鈕的標簽 llabelPlacement 設置標簽文本在單選按鈕的什么位置 默認值是right lselected 將單選按鈕的初始值設置為是否被選中 設置RadioButton組件參數(shù) 2 RadioButton組件的應用設置單選按鈕用于顯示性別 請進入Flash窗口完成操作 組件實例效果 8 3 8ScrollPane 滾動窗格 組件ScrollPane組件的功能是提供滾動條 用戶可以很方便地觀看尺寸過大的影片剪輯 JPEG文件和SWF文件 另外 在創(chuàng)作和運行時 都可以使用動作腳本來設置滾動窗格的內(nèi)容 1 ScrollPane參數(shù)contentPath 設置要加載到滾動窗格中的內(nèi)容 該值可以是本地SWF或JPEG文件的相對路徑 Internet上文件的相對或絕對路徑 也可以是設置 為動作腳本導出 的影片剪輯元件的鏈接標識符 lhLineScrollSize 設置單擊水平滾動條的向左或向右箭頭時滑動尺寸的大小 ScrollPane組件參數(shù) lhPageScrollSize 設置每次按下軌道時水平滾動條移動多少個單位 默認值為20 lhScrollPolicy 設置是否顯示水平滾動條 該值可以為on 無論影片剪輯與滾動窗格的相對大小如何都顯示水平滾動條 off 無論影片剪輯與滾動窗格的相對大小如何都不顯示水平滾動條 或auto 根據(jù)影片剪輯與滾動窗格的相對大小來決定顯示水平滾動條 lscrollDrag 設置是否允許用戶在滾動窗格中用鼠標拖拽影片剪輯對象 默認值為 false 即只能通過滾動條查看滾動窗格中的影片剪輯 若設為true 允許用戶直接使用鼠標拖拽滾動窗格中的影片剪輯 lvLineScrollSize 設置單擊垂直滾動條的向上或向下箭頭時滑動尺寸的大小 lvPageScrollSize 設置每次按下軌道時垂直滾動條移動多少個單位 lvScrollPolicy 是否顯示垂直滾動條 該值的設置方法與hScrollPolicy參數(shù)相似 2 ScrollPane組件的應用使用滾動窗格顯示一幅風景圖片 請進入Flash窗口完成操作 ScrollPane組件應用 8 3 9TextArea 文本域 組件TextArea組件可以提供多行文本的輸入 1 TextArea組件參數(shù)leditable 指明TextArea組件是否可編輯 默認值為true html 指明文本是否采用HTML格式 默認值為false text 指明TextArea的內(nèi)容 wordWrap 指明文本是否自動換行 默認值為true TextArea組件參數(shù) 2 TextArea組件的應用為兩個TextArea組件實例的參數(shù)分別設置不同的值 將會有不同的效果 請進入Flash窗口完成操作 TextArea組件不同參數(shù)應用效果圖 8 3 10TextInput 輸入文本框 組件TextInput組件和TextArea組件功能比較相似 都可以提供文本輸入 不同是TextInput組件只能提供單行文本的輸入 1 TextInput組件參數(shù)editable 指明TextInput組件是否可編輯 默認值為true password 指明字段是否為密碼字段 默認值為false text 指定TextInput的內(nèi)容 2 TextInput組件的應用將兩個TextInput組件實例中的password參數(shù)分別設為true和false兩種情況 觀察運行結(jié)果 TextInput組件參數(shù) TextInput組件應用 8 3 11DateChooser 日期選擇 組件DateChooser組件允許用戶從日歷中選擇一個或多個日期 1 DateChooser組件參數(shù)ldayNames 顯示周的文本 默認為S M T W T F S分別代表周日至周六 ldisabledDays 設置每周的哪一天無效 反白 不能選擇 0為周日 1為周一 2為周二 依此類推 lfirstDayOfWeek 設置哪一天為每周的第一天 0為周日 1為周一 2為周二 lmonthNames 可以根據(jù)語言的種類指定顯示月份的名稱 默認是英文的月份單詞lshowToday 是否使用特殊標志顯示當天的日期 默認是true DateChooser組件參數(shù) 2 DateChooser組件的應用下面通過一個簡單的示例說明DateChooser組件的使用方法 請進入Flash窗口完成操作 測試效果圖 8 3 12Window 窗口 組件Window組件在一個具有標題欄 邊框和關閉按鈕 可選 的窗口內(nèi)顯示電影剪輯的內(nèi)容 Window組件還支持拖動操作 用戶可以單擊標題欄并將窗口及其內(nèi)容拖動到另一個位置 但拖動邊框不會更改窗口的大小 1 Window組件參數(shù)lcloseButton 指明是否顯示關閉按鈕 lcontentPath 指定窗口的內(nèi)容 內(nèi)容可以是電影剪輯的鏈接標識符 或是屏幕 表單或包含窗口內(nèi)容的幻燈片的元件的名稱 也可以是要加載到窗口的SWF或JPG文件的絕對或相對URL ltitle 指明窗口的標題 Window組件參數(shù) 2 Window組件的應用在Window中顯示一幅禮花綻放的圖片 請進入Flash窗口完成操作 Window組件應用 8 4使用模板 Flash8附帶了多個幫助用戶簡化工作的模板 使用這些模板制作動畫時 通常只需要修改文本的內(nèi)容 而不需要編寫腳本代碼 這將使得模板的使用較為簡單 但同時也限制了模板一般只應用于功能性的互動應用 第8章組件和模板 1 使用照片幻燈片模板照片幻燈片模板使用戶可以輕松地創(chuàng)建和自定義照片幻燈片 以制作個人相冊為例來說明照片幻燈片模板的使用方法 請進入Flash窗口根據(jù)教材提供的操作步驟完成操作 導入風景照片并編輯內(nèi)容 2 使用演示文稿模板Flash8附帶的演示文稿模板可以幫助用戶創(chuàng)建 自定義和發(fā)布演示文稿 制作一個關于學生興趣調(diào)查的演示文稿 來說明演示文稿模板的使用方法 請進入Flash窗口根據(jù)教材提供的操作步驟完成操作 演示文稿 8 5 1調(diào)查問卷本實例是一張可用于網(wǎng)上用戶資料調(diào)查信息的填寫表 它利用了Flash8用戶界面組件來完成 并配合動作腳本語句進行數(shù)據(jù)的收集與發(fā)布 請進入Flash窗口根據(jù)教材提供的操作步驟完成操作 8 5應用實例 第8章組件和模板 調(diào)查問卷實例的界面調(diào)查問卷最終效果圖 8 5 2自然風光本例主要運用組件來顯示多張具有說明文字的自然風光圖片 請進入Flash窗口根據(jù)教材提供的操作步驟完成操作 封面效果圖組件的布局 本章習題與實驗指導 本章習題 第219頁實驗指導 第219頁 第8章組件和模板 Thankyouverymuch 本章到此結(jié)束 謝謝您的光臨