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

步驟

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

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

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

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

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

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

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

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

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

新建圖層4，選擇第二幀處插入關鍵幀，將庫中的元件p拖拽到舞臺左側(cè)設置左對齊、下對齊，修改其實例名稱為biaochi。在下面輸入1-12月。

新建圖層5，將庫中的元件z2拖拽到舞臺12次，分別放置為月份的上方，并將其對于起來，并且依次修改其實例名稱為b1-b12。

新建圖層6選擇第一幀處打開動作面板，輸入代碼

stop();

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

setProperty(i, _alpha, 0);

}

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

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

最新評論