App Inventor學習記錄92-checkbox複選框改單選,以及checkbox複選框簡單用法

這一次來介紹一下好用,但是用起來有點麻煩的 checkbox複選框,除了對它本身的複選功能做簡單的介紹外,順帶的介紹一下怎麼把 checkbox複選框改單選
記錄一下:
App Inventor學習記錄92-checkbox複選框改單選,以及checkbox複選框簡單用法


這次的範例畫面如下:

主餐這一塊,是單選的功能。
附餐這一塊,則是複選的功能。


畫面編排的部份如下:

這裡除了標籤 5和標籤 7是用來分別顯示加總結果外,其它大部份的都是複選框。


全部的程式碼如下:


程式一開始先建立兩個變數如下。


複選框改成單選的程式碼如下:

這三個其它都差不多,都是加入流程判斷式。
如果其中一個複選盒被選中的話,就把其它 2個複選盒的選中設定為假
這個就是複選盒改成單選最重要的地方。

接下來就是設定標籤 5要顯示出來的數字。


單選的部份完成了,接著來講一下複選的方法。

這裡同樣要利用流程判斷的方法來做。以複選盒 4、5來舉例。
如果複選盒被選中的話:
就把附餐價格的值加上指定的數值。

不然的話,就把附餐價格的值減去指定的數值。
最後再把標籤的文字設定成附餐價格就完成了。


這個部份解釋起來,可能會說的不太清楚,做了個 gif來看就會比較清楚。

這次用來錄 gif檔的軟體是之前介紹過的這一個
LICEcap,超輕量錄制營幕畫面成gif的軟體


checkbox複選框寫起來真的挺煩的,但是用起來的確是挺好用的。
後續會稍微的多用幾次。

這次的 aia檔的下載連結如下:
點我下載 NO_92_checkbox.aia

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

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

發表迴響