柱形圖在我們日常工作中經常用到,它反映的是事物的大小多少或者是具體數目,柱形圖能夠直觀的透視數據,讓人一目了然,今天小編在這里就跟大家交流一下如何使用flash制作隨著輸入數據的變化而變化的柱形圖,來看看吧。
步驟
啟動flash cs5,在新建中選擇actionscript2.0文件,設置大小為550*400,幀頻為12fps,背景顏色設置為#00cc00.將文件保存為名稱為“柱形圖”。
執行文件-導入-導入到庫命令將事先準備好的”biaochi“圖片導入到庫中,執行窗口-公共庫-按鈕命令,選擇一個按鈕導入到庫中。
執行窗口-組件命令,打開組件對話框找到textinput組件,鼠標左鍵按住拖拽到庫中。
執行插入-新建元件命令,新建一個名稱為z1圖形元件,在工具箱里選擇矩形工具,設置其筆觸顏色為無,填充顏色為#669900,在編輯區域繪制一個長方形。
執行插入-新建元件命令,新建一個名稱為z2的影片剪輯文件,并將庫中的圖形元件z1拖拽到編輯區域,將其高度設置為1.
執行插入-新建元件命令,新建一個名稱為p的影片剪輯文件,將庫中的biaochi圖片拖拽到編輯區域,選擇工具箱里的任意變形工具將其進行調整。
點擊場景進行返回,選擇工具箱里文本工具,在舞臺中建立12個文本一月到12月,并調整其位置使他們排列盡可能美觀。
新建圖層2,選擇庫中的textinput拖拽到舞臺中,連續拖拽12次,將其和相應的月份對應起來,接著把庫中的按鈕也拖拽到舞臺中,并調整他們的位置。選擇第二幀插入關鍵幀,分別修改textinput的實例名稱為a1-a12。
右鍵單擊按鈕在下拉菜單中選擇動作,在動作面板中輸入代碼,新建圖層3,同樣在第二幀處插入關鍵幀,在工具箱里選擇矩形工具,設置筆觸顏色為無,填充顏色為#00FF99,在舞臺中繪制一個矩形,大小設置為550*400,并設置全居中。
新建圖層4,選擇第二幀處插入關鍵幀,將庫中的元件p拖拽到舞臺左側設置左對齊、下對齊,修改其實例名稱為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制作隨著輸入數據的變化而變化的柱形圖方法介紹,操作很簡單的,大家學會了嗎?希望這篇文章能對大家有所幫助!
新聞熱點
疑難解答