App Inventor學習記錄182-動態折線圖外掛~KIO4 DynamicGraph

KIO4_DynamicGraph是一個很方便畫折線圖的外掛,有兩種模式。簡單的介紹一下。

記錄一下:
App Inventor學習記錄182-KIO4_動態折線圖外掛~DynamicGraph


這次範例的完成品如下。

KIO4 DynamicGraph這個外掛有 2種模式,一種是上面那一種,折線圖會不斷更新。下面那一種則是會從頭開始。每個圖表下面的數據則是出現的對應的數值。


畫面編排的部份如下。

這個外掛的需要掛到 canvas上,所以我們這裡拉了兩個 canvas畫布元件進來,也拉了兩個 KIO4 DynamicGraph元件進來,一個畫布放一種模式。


when screen initialize當螢幕初始化的時候。

call KIO4 DynamicGraph initgraph外掛設定的程式。
canvas參數,要放 canvas畫布元件
這裡有兩個畫布,就拉兩個方塊進來設定兩個畫布。

set KIO4 DynamicGraph.resolution,這個是設定折線圖的寬度,設定 10的話,差不多就是螢幕的寬度,設定 5的話就是一半螢幕寬度。
set KIO4 DynamicGraph.continuous,設定折線圖的連續顯示,ture的話是圖形連續不斷,像上面那一種。false的話,就是會不斷重置,像下面的圖。
set KIO4 DynamicGraph.Max value,圖表的顯示的最大值,設定後圖表會自動調整大小。
set KIO4 DynamicGraph.Min value,圖表的顯示的最小值,設定後圖表會自動調整大小。


當計時器啟動的時候。

call KIO4 DynamicGraph.update graph呼叫單線折線圖更新圖表程式。
value參數,這裡是用 random integer fron方塊去取值,實際在用的時候,就可以放要顯示的值,這個值就會更新在 KIO4 DynamicGraph.listvalues裡。

然後我們把 KIO4 DynamicGraph.listvalues的值放在標籤2裡。

call KIO4 DynamicGraph.update graph2呼叫雙線折線圖更新圖表程式。
這個就可以放兩個值進去,而且可以設定兩種折線的顏色。

不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!

發佈留言