|
|
|
[FLASH基礎教程合集一]從零開始學習創建單選按鈕
發布時間：2017-04-07 點擊率：次 來源：www.cmndlta.cn 作者：電腦技術學習網
我們將使用畫圖工具和ActionScript 3.0中的時間軸，鼠標事件做一個好看的單選按鈕。
最終預覽
我們先看一下最終作品：
第一步：概述
一個單選按鈕或選項按鈕是一個圖形用戶界面元素，允許用戶只選擇一個預定義的選項集的類型。
在這個教程中，我們將創建一個傳統的單選按鈕。
第二步：設置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.
這一幀將展示按鈕啟用狀態。
發表留言
|
|
發表留言請先登錄！
|
免責聲明：本站發布的信息和評論純屬網民個人行為，并不代表本站立場，如發現有違法信息或侵權行為，請直接與本站管理員聯系，我們將在收到您的信息后24小時內作出處理！
Copyright © 十堰電腦維修 All Rights Reserved 鄂ICP備12000326號-1
電子郵箱：956066850@qq.com