AS3.0 鼠標事件制作單選按鈕

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