記錄一下:
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頁哦!