App Inventor學習記錄130-清單數字從大到小、從小到大排列外掛,ListUtils

這兩天有挺多人在看這一篇:數字照順序排列,由大到小或由小到大排列的寫法,剛好最近看到一個同樣功能的外掛,馬上就介紹給大家。

記錄一下:
App Inventor學習記錄130-清單數字從大到小、從小到大排列外掛,ListUtils


這一次完成的範例如下。

產生一串隨機數字的清單之後,按下按鈕,就可以讓數字由大到小,由小到大排列、隨機排列、也可以反轉清單,這些都不用像這一篇數字照順序排列,由大到小或由小到大排列的寫法這麼麻煩,一個外掛就可以搞定它。


畫面編排的部份如下。

這次主要的元件就是 listutils這一個外掛。匯入外掛的作法請參考:
怎麼匯入 app inventor的外掛(extension)到程式中

外掛來源:community.appinventor.mit.edu
外掛載點:
https://community.appinventor.mit.edu/t/all-extensions-from-appybuilder-community/27169/47


全部的程式碼如下。


第 1部份的程式碼說明。

建立變數_隨機清單,它的預設值設定成空清單。


第 2部份的程式碼說明。

when button 1.click當產生隨機清單按鈕按下的時候。
變數_隨機清單的值,設定成空清單。
for each number from 1 to 10,把從 1~100的隨機值,加入變數_隨機清單中,一共加入 10次。
label2.text label 3.text標籤2、3的文字,設定成變數_隨機清單的值。
這是為了比較用的。


第 4部份的程式碼說明。

當照順序排的按鈕按下的時候,call listutils.sortlist的功能,把清單照順序排列
list的地方,就放要排列的清單,這裡放的就是變數_隨機清單。
sortorder這裡的值可以放 1和 -1放 1的話是由小到大放-1的話就是由大到小
把 label 3.text設定成變數隨機清單來做比較。


第 5部份的程式碼說明。

當隨機排列的按鈕按下的時候,call listutils.shuffle的功能,把清單隨機排列
list的地方,就放要排列的清單,這裡放的就是變數_隨機清單。
把 label 3.text設定成變數隨機清單來做比較。


第 6部份的程式碼說明。

當反轉清單的按鈕按下的時候,call listutils.reverse的功能,把清單反轉
list的地方,就放要排列的清單,這裡放的就是變數_隨機清單。
把 label 3.text設定成變數隨機清單來做比較。


這個外掛相當的好用,可以省去相當多的時間,

這次的 aia檔的下載連結如下:
NO_130_LIST_EXTENSION.aia

APP INVENTOR外掛
名稱:ListUtils
外掛來源:community.appinventor.mit.edu
外掛載點:
https://community.appinventor.mit.edu/t/all-extensions-from-appybuilder-community/27169/47

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響