創建具有 CheckBox 組件的應用程序
以下過程解釋了如何在創作時將 CheckBox 組件添加到應用程序,本示例摘自一個貸款申請表。該申請表詢問申請人是否擁有自己的住房,並為申請人提供了一個 CheckBox 來回答「是」。如果是,則申請表將為申請人顯示兩個單選按鈕,以表示房屋的相對價值。
創建具有 CheckBox 組件的應用程序:
1.創建一個新的 Flash 文件 (ActionScript 3.0) 文檔。
2.將一個 CheckBox 組件從「組件」面板拖到舞台上。
3.在「屬性」檢查器中,執行以下操作:
■輸入 homeCh 作為實例名稱。
■輸入 140 作為寬度 (W) 值。
■輸入「Own your home?」作為 label 參數。
4.將兩個 RadioButton 組件從「組件」面板拖到舞台上,並將它們分別放在 CheckBox 的下面和右側。在「屬性」檢查器中為它們輸入以下值:
■輸入 underRb 和 overRb 作為實例名稱。
■輸入 120 作為兩個單選按鈕的 W(寬)參數。
■輸入「Under $500,000?」作為 underRb 的 label 參數。
■輸入「Over $500,000?」作為 overRb 的 label 參數。
■輸入 valueGrp 作為兩個單選按鈕的 groupName 參數。
5.打開「動作」面板,在主時間軸中選擇第 1 幀,然後輸入以下 ActionScript 代碼:
homeCh.addEventListener(MouseEvent.CLICK, clickHandler);
underRb.enabled = false;
overRb.enabled = false;
function clickHandler(event:MouseEvent):void {
underRb.enabled = event.target.selected;
overRb.enabled = event.target.selected;
}
此代碼為 click 事件創建一個事件處理函數,如果選中 homeCh 複選框,則該函數啟用 underRb 和 overRb 單選按鈕,如果未選中 homeCh,則禁用這兩個單選按鈕。有關詳細信息,請參閱 《ActionScript 3.0 語言和組件參考》中的 MouseEvent 類。
6.選擇「控制」>「測試影片」。
以下示例重複了上述應用,但採用 ActionScript 來創建 CheckBox 和 RadioButton 組件。
使用 ActionScript 創建 CheckBox:
1.創建一個新的 Flash 文件 (ActionScript 3.0) 文檔。
2.將 CheckBox 組件和 RadioButton 組件從「組件」面板拖到當前文檔的「庫」面板中。如果「庫」面板沒有打開,請按 Ctrl+L 或選擇「窗口」>「庫」以打開「庫」面板。
此操作使組件可用於應用程序,但不會將它們放在舞台上。
3.打開「動作」面板,在主時間軸中選擇第 1 幀,然後輸入以下代碼創建並放置組件實例:
import fl.controls.CheckBox;
import fl.controls.RadioButton;
var homeCh:CheckBox = new CheckBox();
var underRb:RadioButton = new RadioButton();
var overRb:RadioButton = new RadioButton();
addChild(homeCh);
addChild(underRb);
addChild(overRb);
underRb.groupName = "valueGrp";
overRb.groupName = "valueGrp";
homeCh.move(200, 100);
homeCh.width = 120;
homeCh.label = "Own your home?";
underRb.move(220, 130);
underRb.enabled = false;
underRb.width = 120;
underRb.label = "Under $500,000?";
overRb.move(220, 150);
overRb.enabled = false;
overRb.width = 120;
overRb.label = "Over $500,000?";
此代碼使用 CheckBox() 和 RadioButton() 構造函數創建組件,並使用 addChild() 方法將組件放在舞台上。然後,使用 move() 方法確定組件在舞台上的位置。
4.現在,添加以下 ActionScript 來創建一個事件偵聽器和一個事件處理函數:
homeCh.addEventListener(MouseEvent.CLICK, clickHandler);
function clickHandler(event:MouseEvent):void {
underRb.enabled = event.target.selected;
overRb.enabled = event.target.selected;
}
此代碼為 click 事件創建一個事件處理函數,如果選中 homeCh CheckBox,則該函數啟用 underRb 和 overRb 單選按鈕,如果未選中 homeCh,則禁用這兩個單選按鈕。有關詳細信息,請參閱《ActionScript 3.0 語言和組件參考》中的 MouseEvent 類。
5.選擇「控制」>「測試影片」。
相關主題
Popup
Popup
--------------------------------------------------------------------------------