FLASH從零開始學(xué)習(xí)創(chuàng)建單選按鈕

1、FLASH從零開始學(xué)習(xí)創(chuàng)建單選按鈕 我們將使用畫圖工具和ActionScript 3.0中的時間軸，鼠標(biāo)事件做一個好看的 單選按鈕。 最終預(yù)覽 我們先看一下最終作品： 第一步：概述 一個單選按鈕或選項按鈕是一個圖形用戶界面元素，允許用戶只選擇一個預(yù)定義的選項集的類型。 在這個教程中，我們將創(chuàng)建一個傳統(tǒng)的單選按鈕。 第二步：設(shè)置Flash 打開Flash創(chuàng)建一個新文檔，舞臺大小設(shè)為320*190，顏色為#181818 ，幀頻為 24fps. 第三步：界面 這是我們將要使用的界面：一個帶標(biāo)題的簡單背景，一些用來與用戶交互的文本，一個可以工作的單選按鈕和兩個靜態(tài)按鈕樣本。 還有一個動態(tài)文本(圖片里叫

2、做 Disabled )可以通過工作的按鈕來進(jìn)行修改。 第四步：背景 選擇矩形工具并畫一個 32040 px大小的矩形，將它放置在舞臺的頂端，并將其顏色填充為放射狀 #D45C10到 #B43B02的過渡。 現(xiàn)在需要些什么將它分成幾部分。 還是用矩形工具，畫一個 3001 px 大小的矩形用另一種顏色填充： #737173到#181818。將其復(fù)制并按下圖擺放。 第五步：標(biāo)題 選擇文本工具將字體屬性設(shè)為Helvetica Bold, 20pt, #FFFFFF。(如果你用的是Windows，可能沒有Helvetica 字體，用Arial 來代替) 輸入標(biāo)題并將其放在屏幕的左上角。 為了獲得印刷

3、效果，可將其復(fù)制，并將顏色改為#8C2D00將它向上移 1px，執(zhí)行修改 排列移到底層。即可得到下面的效果。 第六步：用戶反饋 我們將創(chuàng)建一系列靜態(tài)文本，用來告訴用戶每個按鈕所代表的意思。這有兩種文本：標(biāo)題文本和描述文本。 標(biāo)題文本的屬性為： Myriad Pro Regular, 20pt, #DDDDDD. 描述文本的屬性為： Myriad Pro Regular, 14pt, #BBBBBB. 第七步：單選按鈕動作 當(dāng)使用的時候起作用的按鈕將做出反應(yīng)，例如，動態(tài)文本會發(fā)生改變以顯示當(dāng)前按鈕的狀態(tài) 。 使用文本工具，創(chuàng)建一個動態(tài)文本，設(shè)其實例名稱為statusField ，然后將其放到下圖

4、所示位置： 在文本中寫Disabled 第八步：按鈕 下面我們將繪制按鈕。 它有三個狀態(tài)： 正常：這個狀態(tài)中，按鈕工作正常 啟用：當(dāng)用戶點擊按鈕的時候?qū)@示這個狀態(tài) 禁用：這個狀態(tài)時，按鈕不能被使用 第九步：背景 選擇橢圓工具畫一個128128px 的圓(和你將要創(chuàng)建的大小無關(guān)，這只用來參考)，線條1px，顏色為#AAAAAA，填充色為 #F7F3F7到#BDBEBD 。 第十步：啟用狀態(tài) 當(dāng)按鈕啟用的時候，我們現(xiàn)在要創(chuàng)建的那個區(qū)域就會發(fā)生變化。 將背景復(fù)制，重設(shè)其大小為6464px,線條顏色為 #EEEEEE, #AAAAAA 的線性過渡，填充色為#C3C6C3, #B5B2B5過渡。 將其轉(zhuǎn)化為元件，雙擊進(jìn)