記錄一下:
App Inventor學習記錄192-任意元件小範例 1-判斷任意按鈕上的文字
這次範例的完成品如下。
按鈕上的文字如果為真、假或是空白的話,則依文字的內容,變更不同的顏色。
畫面編排的部份如下。
全部都是按鈕元件。
button 10的文字是 reset跟其它的不同,這個等一下會說明。
全部的程式方塊如下。
左邊 1-3是任意元件的寫法。
右邊 2-1~2-2是寫小程式的寫法
在這個範例中,1-1和 1-2、1-4是兩種寫法共用。
1-1的程式方塊記錄。
把按鈕 1~9的元件,建一個清單。
1-2的程式方塊記錄。
when screen 1.initialize當程式初始化的時候。
用 for each item in list方塊,把清單_name裡全部的按鈕元件的背景顏色,用任意按鈕的 set button.backgroundcolor方塊,通通設定成灰色。
1-3的程式方塊記錄。
when any button.click當任意按鈕被按下的時候。
用任意按鈕方塊的 button.text來判斷按鈕按鈕的文字是真、假中的那一個,再依照不同的情形給予不同的顏色。
else,如果按下按鈕的方塊的文字,不是真或假中的其中一個的話。
在這裡範例中還兩種可能,一個是空白,另一個則是 reset。
我們用 reset下去做判斷也是可以的,但如果我們要把按鈕 10的文字從 reset改成中文,比如說改成”重置”的話,那麼就要再回來修改程式方塊。
所以這裡就偷懶,直接用按鈕元件來做判斷,也就是上面寫的 get comopnent不等於 button 10,按下的按鈕不是按鈕 10的話。就把按鈕的顏色改成黃色。這樣就可以一次搞定,不管我們的按鈕 10的文字要怎麼改都可以。
這裡要補充一下,因為我們要判斷的東西是元件本身,所以這裡要用淺綠色的這個邏輯方塊來做才行,而不是數學方塊中的那一個。
1-4的程式方塊記錄。
按鈕時按下的時候,把清單_name中所有的按鈕變成灰色。
2-1部份的程式方塊記錄。
建立判斷程式,加入那個按鈕參數。
這裡判斷的方式跟 1-3是相同的,就不再重覆。
1-4的程式方塊記錄。
當按鈕按下的時候,呼叫判斷按鈕,那個按鈕參數,則代入按鈕元件。
好的,全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!