我們將使用畫圖工具和ActionScript 3.0中的時間軸，滑鼠事件做一個好看的單選按鈕。
工具/原料
Flash軟體
方法/步驟
一個單選按鈕或選項按鈕是一個圖形使用者介面元素，允許使用者只選擇一個預定義的選項集的型別。在這個教程中，我們將建立一個傳統的單選按鈕。
設定Flash
開啟Flash建立一個新文件，舞臺大小設為320*190，顏色為#181818 ，幀頻為 24fps。
第三步：介面設計樣式。
這是我們將要使用的介面：一個帶標題的簡單背景，一些用來與使用者互動的文字，一個可以工作的單選按鈕和兩個靜態按鈕樣本。
還有一個動態文字(圖片裡叫做 [Disabled] )可以通過工作的按鈕來進行修改。
背景
選擇矩形工具並畫一個 320×40 px大小的矩形，將它放置在舞臺的頂端，並將其顏色填充為放射狀 #D45C10到 #B43B02的過渡（圖一）。
現在需要些什麼將它分成幾部分。
還是用矩形工具，畫一個 300×1 px 大小的矩形用另一種顏色填充： #737173到#181818。將其複製並按下圖擺放（圖二）。
標題
選擇文字工具將字型屬性設為Helvetica Bold, 20pt, #FFFFFF。(如果你用的是Windows，可能沒有Helvetica 字型，用Arial 來代替) 輸入標題並將其放在螢幕的左上角。
為了獲得印刷效果，可將其複製，並將顏色改為#8C2D00將它向上移 1px，執行修改> 排列>移到底層。即可得到下面的效果。
使用者反饋
我們將建立一系列靜態文字，用來告訴使用者每個按鈕所代表的意思。這有兩種文字：標題文字和描述文字。
標題文字的屬性為： Myriad Pro Regular, 20pt, #DDDDDD（圖一）。
描述文字的屬性為： Myriad Pro Regular, 14pt, #BBBBBB（圖二）。
單選按鈕動作
當使用的時候起作用的按鈕將做出反應，例如，動態文字會發生改變以顯示當前按鈕的狀態 。
使用文字工具，建立一個動態文字，設其例項名稱為statusField ，然後將其放到下圖所示位置：
在文字中寫[Disabled]
按鈕
下面我們將繪製按鈕。
它有三個狀態：
正常：這個狀態中，按鈕工作正常
啟用：當用戶點選按鈕的時候將顯示這個狀態
禁用：這個狀態時，按鈕不能被使用
背景
選擇橢圓工具畫一個128×128px 的圓(和你將要建立的大小無關，這隻用來參考)，線條1px，顏色為#AAAAAA，填充色為 #F7F3F7到#BDBEBD 。
啟用狀態
當按鈕啟用的時候，我們現在要建立的那個區域就會發生變化。
將背景複製，重設其大小為64×64px,線條顏色為 #EEEEEE, #AAAAAA 的線性過渡，填充色為#C3C6C3, #B5B2B5過渡（圖一）。
將其轉化為元件，雙擊進入其編輯介面。
新增幀(F6)並將小圓填充色變為#D45C10, #B43B02（圖二）。
這一幀將展示按鈕啟用狀態。
禁用狀態
下面的形狀將在按鈕禁用的時候展示。
新增幀 (F6)並將中間的圓刪掉。將背景顏色改為 #D4D2D4, #A2A3A2。
這樣將使背景變暗，並失去了啟用時可以變化的那一部分。
例項名稱
三個按鈕將分別放在每個狀態的後面。
按下圖所示設其例項名稱
類檔案
這個教程中我們將使用類檔案。
第十四步：新建 ActionScript 3類
建立新的ActionScript 3.0類檔案並以Main.as儲存在類檔案中。
程式碼
下面是用到的全部程式碼
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
public class Main extends Sprite
{
public function Main():void
{
active.stop();
inactive.gotoAndStop(3);
enabledBox.gotoAndStop(2);
active.addEventListener(MouseEvent.MOUSE_UP, changeState);
}
private function changeState(e:MouseEvent):void
{
if (e.target.currentFrame == 1)
{
e.target.gotoAndStop(2);
statusField.text = “[Enabled]“;
}
else
{
e.target.gotoAndStop(1);
statusField.text = “[Disabled]“;
}
}
}
}
總述
簡單幾步，你已經建立了一個完整的傳統單選按鈕，通過所學知識去製作你自己的按鈕吧
注意事項
教程都少有點難度，希望大家仔細閱讀，認真理解！