柱形圖在我們?nèi)粘９ぷ髦薪?jīng)常用到，它反映的是事物的大小多少或者是具體數(shù)目，柱形圖能夠直觀的透視數(shù)據(jù)，讓人一目了然，今天小編在這里就跟大家交流一下如何使用flash制作隨著輸入數(shù)據(jù)的變化而變化的柱形圖，來(lái)看看吧。

步驟

啟動(dòng)flash cs5，在新建中選擇actionscript2.0文件，設(shè)置大小為550*400，幀頻為12fps，背景顏色設(shè)置為#00cc00.將文件保存為名稱(chēng)為“柱形圖”。

執(zhí)行文件-導(dǎo)入-導(dǎo)入到庫(kù)命令將事先準(zhǔn)備好的”biaochi“圖片導(dǎo)入到庫(kù)中，執(zhí)行窗口-公共庫(kù)-按鈕命令，選擇一個(gè)按鈕導(dǎo)入到庫(kù)中。

執(zhí)行窗口-組件命令，打開(kāi)組件對(duì)話框找到textinput組件，鼠標(biāo)左鍵按住拖拽到庫(kù)中。

執(zhí)行插入-新建元件命令，新建一個(gè)名稱(chēng)為z1圖形元件，在工具箱里選擇矩形工具，設(shè)置其筆觸顏色為無(wú)，填充顏色為#669900，在編輯區(qū)域繪制一個(gè)長(zhǎng)方形。

執(zhí)行插入-新建元件命令，新建一個(gè)名稱(chēng)為z2的影片剪輯文件，并將庫(kù)中的圖形元件z1拖拽到編輯區(qū)域，將其高度設(shè)置為1.

執(zhí)行插入-新建元件命令，新建一個(gè)名稱(chēng)為p的影片剪輯文件，將庫(kù)中的biaochi圖片拖拽到編輯區(qū)域，選擇工具箱里的任意變形工具將其進(jìn)行調(diào)整。

點(diǎn)擊場(chǎng)景進(jìn)行返回，選擇工具箱里文本工具，在舞臺(tái)中建立12個(gè)文本一月到12月，并調(diào)整其位置使他們排列盡可能美觀。

新建圖層2，選擇庫(kù)中的textinput拖拽到舞臺(tái)中，連續(xù)拖拽12次，將其和相應(yīng)的月份對(duì)應(yīng)起來(lái)，接著把庫(kù)中的按鈕也拖拽到舞臺(tái)中，并調(diào)整他們的位置。選擇第二幀插入關(guān)鍵幀，分別修改textinput的實(shí)例名稱(chēng)為a1-a12。

右鍵單擊按鈕在下拉菜單中選擇動(dòng)作，在動(dòng)作面板中輸入代碼，新建圖層3，同樣在第二幀處插入關(guān)鍵幀，在工具箱里選擇矩形工具，設(shè)置筆觸顏色為無(wú)，填充顏色為#00FF99，在舞臺(tái)中繪制一個(gè)矩形，大小設(shè)置為550*400，并設(shè)置全居中。

新建圖層4，選擇第二幀處插入關(guān)鍵幀，將庫(kù)中的元件p拖拽到舞臺(tái)左側(cè)設(shè)置左對(duì)齊、下對(duì)齊，修改其實(shí)例名稱(chēng)為biaochi。在下面輸入1-12月。

新建圖層5，將庫(kù)中的元件z2拖拽到舞臺(tái)12次，分別放置為月份的上方，并將其對(duì)于起來(lái)，并且依次修改其實(shí)例名稱(chēng)為b1-b12。

新建圖層6選擇第一幀處打開(kāi)動(dòng)作面板，輸入代碼

stop();

for (i=1; i<13; i++) {

setProperty(i, _alpha, 0);

}

setProperty("biaochi", _y, 370);選擇第二幀插入關(guān)鍵幀然后輸入代碼。按ctrl+s保存，接著按ctrl+enter進(jìn)行測(cè)試。

以上就是flash制作隨著輸入數(shù)據(jù)的變化而變化的柱形圖方法介紹，操作很簡(jiǎn)單的，大家學(xué)會(huì)了嗎？希望這篇文章能對(duì)大家有所幫助！

最新評(píng)論