1.20日(rì)音(yīn)訊,Flash制(z$σ≥↓hì)作(zuò)必知(zhī)的(de)單選按鈕。我們将使用(yòng)₹©÷畫(huà)圖工(gōng)具和(hé)ActionScript3.0中的€↑§↓(de)時(shí)間(jiān)軸，鼠标事(shì)件(jiàn)做(♠¥¶&zuò)一(yī)個(gè)好(hǎo)看(kàn)的(de)單選按鈕♥®<。
第一(yī)步：概述
一(yī)個(gè)單選按鈕或選項按鈕是(shì)一(yī)個(gè↓¥≤)圖形用(yòng)戶界面元素，允許用(₹ ♣yòng)戶隻選擇一(yī)個(gè)預定義的(de)選項集的(de)類型。®α→
在這(zhè)個(gè)教程中，我們将創建一(yī)個✔♥(gè)傳統的(de)單選按鈕。
第二步：設置Flash
打開(kāi)Flash創建一(yī)個(gè)新文π∑(wén)檔，舞(wǔ)台大(dà)小(x↕λiǎo)設為(wèi)320*190，顔色為(wèi)#₽∑§™181818，幀頻(pín)為(wèi)24fps.
第三步：界面
這(zhè)是(shì)我們将要(yào)使用(yòng)"×β的(de)界面：一(yī)個(gè)帶标題的'₩(de)簡單背景，一(yī)些(xiē)用(yòng)來(lái)£←♣與用(yòng)戶交互的(de)文(wén)本，一(yī)個(g★& "è)可(kě)以工(gōng)作(zuò)的(de)單選按♥≈α×鈕和(hé)兩個(gè)靜(jìng)态按鈕樣本。
還(hái)有(yǒu)一(yī)個λ♣∑(gè)動态文(wén)本(圖片裡(lǐ)叫做(zuò)[Dis×abled])可(kě)以通(tōng)過工(gōng)作(zuò)的(de♥¥©)按鈕來(lái)進行(xíng)修改。
第四步：背景
選擇矩形工(gōng)具并畫(huà)一(yī)個€ ÷(gè)320×40px大(dà)小(xiǎo)的(d§♠☆e)矩形，将它放(fàng)置在舞(wǔ)台的(de)頂端，并将其顔色填充→∑γ為(wèi)放(fàng)射狀#D45C10到(d∞→ào)#B43B02的(de)過渡。
現(xiàn)在需要(yào)些(xiē)什(shén)麽将它分(fēn×≈£π)成幾部分(fēn)。
還(hái)是(shì)用(yòn♥δλ∑g)矩形工(gōng)具，畫(huà)一(yī)個(gè)300&ti£σmes;1px大(dà)小(xiǎo)的(de)矩形用(yòng)另一(σ↑yī)種顔色填充：#737173到(dào)#181818。将其複制ε↑(zhì)并按下(xià)圖擺放(fàng)。
第五步：标題
選擇文(wén)本工(gōng)具将字體(tǐ)屬性設為(w♥¶èi)HelveticaBold,20pt,#FFFFFF。α←γ♣(如(rú)果你(nǐ)用(yòng)的(de)是(shì)Windows©®♠，可(kě)能(néng)沒有(yǒu)He"ε£<lvetica字體(tǐ)，用(yòng)Arial來(lái)代替)輸入标β≈題并将其放(fàng)在屏幕的(de)左上(shàng)角。
為(wèi)了(le)獲得(de)印刷效果，可( γkě)将其複制(zhì)，并将顔色改為(wèi)#8C2D00将它向∞¥δ上(shàng)移1px，執行(xíng)修改>排列>移到(dào Ω©)底層。即可(kě)得(de)到(dào)下(xià)面的(de)效果₽☆♣。
第六步：用(yòng)戶反饋
我們将創建一(yī)系列靜(jìng)态文(wén)本™✔∏∏，用(yòng)來(lái)告訴用(yòng)戶每個(gè¶↕±>)按鈕所代表的(de)意思。這(zhè)有(yǒu)兩種文(wén)本：∏∞标題文(wén)本和(hé)描述文(wén)本。₽δ
标題文(wén)本的(de)屬性為(wèi)：MyriadPro♣∞↑Regular,20pt,#DDDDDD.
描述文(wén)本的(de)屬性為(wèi)：MyriadP≈≈£roRegular,14pt,#BBBBBB.
第七步：單選按鈕動作(zuò)
當使用(yòng)的(de)時(shí'✔§)候起作(zuò)用(yòng)的(de)按鈕将做(zuò)出反應，例如(↔←rú)，動态文(wén)本會(huì)發生(shēn &g)改變以顯示當前按鈕的(de)狀态。
使用(yòng)文(wén)本工(gōng ε≥')具，創建一(yī)個(gè)動态文(wén)本，設其實例名稱為(wèi)stπ∑atusField，然後将其放(fàng)到(d★✔¶ào)下(xià)圖所示位置：
在文(wén)本中寫[Disabled]
第八步：按鈕
下(xià)面我們将繪制(zhì)按鈕。
它有(yǒu)三個(gè)狀态：
正常：這(zhè)個(gè)狀态中，按鈕工(gōng÷¥)作(zuò)正常
啓用(yòng)：當用(yòng)戶點擊按鈕的(de)'γ↑時(shí)候将顯示這(zhè)個(gè)狀态
禁用(yòng)：這(zhè)個(gè)狀态時(s★₹hí)，按鈕不(bù)能(néng)被使用(yòng)
第九步：背景
選擇橢圓工(gōng)具畫(huà)一(yī)個(gè)1←•28×128px的(de)圓(和(hé)你(nǐ)将要≈↑ε(yào)創建的(de)大(dà)小(xiǎo)無關，這(zhè)隻用(yòn≤♣g)來(lái)參考)，線條1px，顔色Ω$為(wèi)#AAAAAA，填充色為(wèi)#F7F3F7到(dào)#Ωδ♦BDBEBD。
第十步：啓用(yòng)狀态
當按鈕啓用(yòng)的(de)時(shí)候，我•π們現(xiàn)在要(yào)創建的(de)那(≈↑nà)個(gè)區(qū)域就(jiù)會(huì)發₽δ≥φ生(shēng)變化(huà)。
将背景複制(zhì)，重設其大(dà)小(xiǎo)為(wèi)64&t ∑±∑imes;64px,線條顔色為(wèi)#EEEEEE,#AAAAAA★∑Ω的(de)線性過渡，填充色為(wèi)#C3C6C3,#B5B2>×ΩB5過渡。
将其轉化(huà)為(wèi)元件(ji àn)，雙擊進入其編輯界面。
添加幀(F6)并将小(xiǎo)圓填充色變為(wèi)#D45C1♣γ✘0,#B43B02.
這(zhè)一(yī)幀将展示按鈕啓用(yò©λng)狀态。
第十一(yī)步：禁用(yòng)™≈₽狀态
下(xià)面的(de)形狀将在按鈕禁用(yò≥ ng)的(de)時(shí)候展示。
添加幀(F6)并将中間(jiān)的(de)圓删∏★Ω¶掉。将背景顔色改為(wèi)#D4D2D4,#A2A3A2.
這(zhè)樣将使背景變暗(àn)，并失去∏↓✘(qù)了(le)啓用(yòng)時(shí)可(kě)以變化(hα↕ uà)的(de)那(nà)一(yī)部分(fēn)。≠'•≠
第十二步：實例名稱
三個(gè)按鈕将分(fēn)别放(fàng)φ ♣在每個(gè)狀态的(de)後面。
按下(xià)圖所示設其實例名稱
第十三步：類文(wén)件(jià ∑γn)
這(zhè)個(gè)教程中我們将使用(yòng)類文(wé✘≤≥n)件(jiàn)。
第十四步：新建ActionScript3類
創建新的(de)ActionScript3.0類文(wén)件(jiσλàn)并以Main.as保存在類文(wén)件(j× ±iàn)中。
第十五步：代碼
總述
簡單幾步，你(nǐ)已經創建了(le)一(yī)個(g←≤è)完整的(de)傳統單選按鈕，通(tōng)過所學>Ω知(zhī)識去(qù)制(zhì)作(zuò)你(nǐ)自(z≠"ì)己的(de)按鈕吧(ba)。
