從零開始學(xué)習(xí)創(chuàng)建flash單選按鈕ActionScript 3.0
我要評(píng)論我們將使用畫圖工具和ActionScript 3.0中的時(shí)間軸，鼠標(biāo)事件做一個(gè)好看的單選按鈕。
最終預(yù)覽
我們先看一下最終作品：
第一步：概述
一個(gè)單選按鈕或選項(xiàng)按鈕是一個(gè)圖形用戶界面元素，允許用戶只選擇一個(gè)預(yù)定義的選項(xiàng)集的類型。
在這個(gè)教程中，我們將創(chuàng)建一個(gè)傳統(tǒng)的單選按鈕。
第二步：設(shè)置Flash
打開Flash創(chuàng)建一個(gè)新文檔，舞臺(tái)大小設(shè)為320*190，顏色為#181818 ，幀頻為 24fps.
第三步：界面
這是我們將要使用的界面：一個(gè)帶標(biāo)題的簡(jiǎn)單背景，一些用來(lái)與用戶交互的文本，一個(gè)可以工作的單選按鈕和兩個(gè)靜態(tài)按鈕樣本。
還有一個(gè)動(dòng)態(tài)文本(圖片里叫做 [Disabled] )可以通過(guò)工作的按鈕來(lái)進(jìn)行修改。
第四步：背景
選擇矩形工具并畫一個(gè) 320×40 px大小的矩形，將它放置在舞臺(tái)的頂端，并將其顏色填充為放射狀 #D45C10到 #B43B02的過(guò)渡。
現(xiàn)在需要些什么將它分成幾部分。
還是用矩形工具，畫一個(gè) 300×1 px 大小的矩形用另一種顏色填充： #737173到#181818。將其復(fù)制并按下圖擺放。
第五步：標(biāo)題
選擇文本工具將字體屬性設(shè)為Helvetica Bold, 20pt, #FFFFFF。(如果你用的是Windows，可能沒有Helvetica 字體，用Arial 來(lái)代替) 輸入標(biāo)題并將其放在屏幕的左上角。
為了獲得印刷效果，可將其復(fù)制，并將顏色改為#8C2D00將它向上移 1px，執(zhí)行修改> 排列>移到底層。即可得到下面的效果。
第六步：用戶反饋
我們將創(chuàng)建一系列靜態(tài)文本，用來(lái)告訴用戶每個(gè)按鈕所代表的意思。這有兩種文本：標(biāo)題文本和描述文本。
標(biāo)題文本的屬性為： Myriad Pro Regular, 20pt, #DDDDDD.
描述文本的屬性為： Myriad Pro Regular, 14pt, #BBBBBB.
相關(guān)文章
flash cs6鼠標(biāo)跟隨效果實(shí)現(xiàn)代碼分享
flash cs6想要實(shí)現(xiàn)鼠標(biāo)跟隨效果？該怎么制作呢？今天我們就來(lái)看看使用as2.0實(shí)現(xiàn)鼠標(biāo)跟隨效果的教程，需要的朋友可以參考下2019-05-19
Flash cs6怎么使用代碼輸入中英文文本？Flash cs6中可以使用文字工具直接輸入文本，也可以使用代碼來(lái)輸入文本，該怎么使用代碼輸入文本呢？請(qǐng)看下文詳細(xì)的教程，需要的朋友2018-03-11
flash as3.0抽象類怎么定義？ as3.0中有很多抽象類，該怎么定義抽象類和抽象方法呢？下面我們就來(lái)看看簡(jiǎn)單的例子，需要的朋友可以參考下http://www.dbjr.com.cn/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0？flash cs6中想要使用ActionScript3.0功能，該怎么使用呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-25
Flash中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置？
本教程給大家分享一個(gè)Flash小教程，教大家在Flash CS6中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置？方法很簡(jiǎn)單，感興趣的朋友歡迎前來(lái)一起分享學(xué)習(xí)2018-01-12
Flash中如何用代碼將圖片放在自己想要的舞臺(tái)位置?
本教程教腳本之家的ActionScript教程學(xué)習(xí)者在Flash中如何用代碼將圖片放在自己想要的舞臺(tái)位置，教程講解的詳細(xì)，感興趣的朋友歡迎前來(lái)分享學(xué)習(xí)2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學(xué)習(xí)者如何在Flash CS6中使用with函數(shù)繪制背景圖？教程一步步講解的挺詳細(xì)，方法也不難，非常適合Flash新手入門學(xué)習(xí)2017-11-18
Flash怎么設(shè)置元件坐標(biāo)?flash使用代碼設(shè)置元件的坐標(biāo)的教程
Flash怎么設(shè)置元件坐標(biāo)？flash中導(dǎo)如的元件需要添加坐標(biāo)，該怎么定位元件坐標(biāo)呢？下面我們就來(lái)看看flash使用代碼設(shè)置元件的坐標(biāo)的教程，需要的朋友可以參考下2017-10-11
Flash怎么制作來(lái)回?fù)u擺的花朵的動(dòng)畫?
Flash怎么制作來(lái)回?fù)u擺的花朵的動(dòng)畫？Flash中想要給花朵制作一段搖擺的動(dòng)畫效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-05-23
Flash怎么制作流動(dòng)七彩色的文字？想要讓文字動(dòng)起來(lái)，該怎么使用flash給文字制作一個(gè)流動(dòng)七彩色的動(dòng)畫呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-04-23
