亚洲欧洲国产欧美一区精品,激情五月亚洲色五月,最新精品国偷自产在线婷婷,欧美婷婷丁香五月天社区

      考試首頁(yè) | 考試用書 | 培訓(xùn)課程 | 模擬考場(chǎng) | 考試論壇  
        當(dāng)前位置:設(shè)計(jì)制作 > Flash > 文章內(nèi)容
        

      FLASH教程:FLASH從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

       [ 2017年6月29日 ] 【

        我們將使用畫圖工具和ActionScript 3.0中的時(shí)間軸,鼠標(biāo)事件做一個(gè)好看的單選按鈕。

        最終預(yù)覽

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        我們先看一下最終作品:

        第一步:概述

        一個(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.

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        第三步:界面

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        這是我們將要使用的界面:一個(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ò)渡。

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        現(xiàn)在需要些什么將它分成幾部分。

        還是用矩形工具,畫一個(gè) 300×1 px 大小的矩形用另一種顏色填充: #737173到#181818。將其復(fù)制并按下圖擺放。

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        第五步:標(biāo)題

        選擇文本工具將字體屬性設(shè)為Helvetica Bold, 20pt, #FFFFFF。(如果你用的是Windows,可能沒(méi)有Helvetica 字體,用Arial 來(lái)代替) 輸入標(biāo)題并將其放在屏幕的左上角。

        為了獲得印刷效果,可將其復(fù)制,并將顏色改為#8C2D00將它向上移 1px,執(zhí)行修改> 排列>移到底層。即可得到下面的效果。

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        第六步:用戶反饋

        我們將創(chuàng)建一系列靜態(tài)文本,用來(lái)告訴用戶每個(gè)按鈕所代表的意思。這有兩種文本:標(biāo)題文本和描述文本。

        標(biāo)題文本的屬性為: Myriad Pro Regular, 20pt, #DDDDDD.

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        描述文本的屬性為: Myriad Pro Regular, 14pt, #BBBBBB.

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        第七步:?jiǎn)芜x按鈕動(dòng)作

        當(dāng)使用的時(shí)候起作用的按鈕將做出反應(yīng),例如,動(dòng)態(tài)文本會(huì)發(fā)生改變以顯示當(dāng)前按鈕的狀態(tài) 。

        使用文本工具,創(chuàng)建一個(gè)動(dòng)態(tài)文本,設(shè)其實(shí)例名稱為statusField ,然后將其放到下圖所示位置:

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        在文本中寫[Disabled]

        第八步:按鈕

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        下面我們將繪制按鈕。

        它有三個(gè)狀態(tài):

        正常:這個(gè)狀態(tài)中,按鈕工作正常

        啟用:當(dāng)用戶點(diǎn)擊按鈕的時(shí)候?qū)@示這個(gè)狀態(tài)

        禁用:這個(gè)狀態(tài)時(shí),按鈕不能被使用

        第九步:背景

        選擇橢圓工具畫一個(gè)128×128px 的圓(和你將要?jiǎng)?chuàng)建的大小無(wú)關(guān),這只用來(lái)參考),線條1px,顏色為#AAAAAA,填充色為 #F7F3F7到#BDBEBD 。

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        第十步:?jiǎn)⒂脿顟B(tài)

        當(dāng)按鈕啟用的時(shí)候,我們現(xiàn)在要?jiǎng)?chuàng)建的那個(gè)區(qū)域就會(huì)發(fā)生變化。

        將背景復(fù)制,重設(shè)其大小為64×64px,線條顏色為 #EEEEEE, #AAAAAA 的線性過(guò)渡,填充色為#C3C6C3, #B5B2B5過(guò)渡。

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        將其轉(zhuǎn)化為元件,雙擊進(jìn)入其編輯界面。

        添加幀(F6)并將小圓填充色變?yōu)?D45C10, #B43B02.

        

      Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕

        這一幀將展示按鈕啟用狀態(tài)。

      將考試網(wǎng)添加到收藏夾 | 每次上網(wǎng)自動(dòng)訪問(wèn)考試網(wǎng) | 復(fù)制本頁(yè)地址,傳給QQ/MSN上的好友 | 申請(qǐng)鏈接 | 意見(jiàn)留言 TOP
      關(guān)于本站  網(wǎng)站聲明  廣告服務(wù)  聯(lián)系方式  站內(nèi)導(dǎo)航  考試論壇
      Copyright © 2007-2013 中華考試網(wǎng)(Examw.com) All Rights Reserved