我們將使用畫(huà)圖工具和ActionScript 3.0中的時(shí)間軸,鼠標(biāo)事件做一個(gè)好看的單選按鈕。
最終預(yù)覽
我們先看一下最終作品:
第一步:概述
一個(gè)單選按鈕或選項(xiàng)按鈕是一個(gè)圖形用戶界面元素,允許用戶只選擇一個(gè)預(yù)定義的選項(xiàng)集的類型。
在這個(gè)教程中,我們將創(chuàng)建一個(gè)傳統(tǒng)的單選按鈕。
第二步:設(shè)置Flash
打開(kāi)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)行修改。
第四步:背景
選擇矩形工具并畫(huà)一個(gè) 320×40 px大小的矩形,將它放置在舞臺(tái)的頂端,并將其顏色填充為放射狀 #D45C10到 #B43B02的過(guò)渡。
現(xiàn)在需要些什么將它分成幾部分。
出處:hizhen.cn
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕 [2]
◎進(jìn)入論壇RIA設(shè)計(jì)與應(yīng)用版塊參加討論
|