AppInventor的簡單設計113
AppInventor的簡單設計113
一、介面介紹:
二、元件介紹:
(一)功能表(專案)常用功能:
1.新增專案 => 第一次檔名為9xxxx
2.匯入專案(aia)
3.匯出專案(aia)
(二)認識常用的三個元件
元件面板(使用者介面)
.
1.按鈕: 按一下執行 Click
使用者透過點選、按壓、鬆開…按鈕來執行應用中的某些動作。按鈕可以偵測使用者的動作;也可以改變按鈕的某些外觀特性。如啟用屬性可以決定按鈕是否可操作。
2.標籤: 顯示訊息文字 Label
用來顯示文字的元件。其文字屬性就是要顯示的文字。其他屬性用來控制元件的外觀及位置,均可以在設計及程式設計視窗中進行設定。
3.文字盒: 可輸入文字、數字..等 TextBox
本元件可讓使用者輸入文字、數字等內容。
文字方塊中的初始內容或使用者所輸入的內容就是它的文字屬性,如果文字屬性為空,可以設定提示屬性來提醒使用者需要輸入的內容。提示的內容將以較淺的顏色來顯示。
(三)畫面screen的屬性調整:
1.App名稱: a8xxxx
2.設定背景顏色、或是上傳背景圖片:
(背景圖下載1、2、3、4) (CC0來源:https://www.beauty321.com/post/25347#p3)
3.標題(顯示標題): 我的第一個手機APP
三、版面編排:
(一)新增2個按鈕、1個標籤--拉到畫面的手機裡
更改按鈕及標籤元件的名稱
(二)第一個按鈕 (按我)
1.字體大小: 20
2.寬度: 填滿
3.文字: 按我
(三)標籤:顯示文字
1.背景顏色: 透明
2.粗體
3.字體大小: 20
4.寬度: 填滿
5.文字: 顯示出文字
6.文字對齊: 置中:1
7.文字顏色: 藍色
(四)第二個按鈕 (清除)
1.背景顏色:綠色
2.字體大小: 20
3.寬度: 自動
4.形狀:橢圓
5.文字: 清除
6.文字顏色: 紅色
四、程式設計:
(一)當 按我 被點選 ==>
1.設定 顯示文字.文字 (屬性) 為: " 我的第一個手機APP "
2.設定 顯示文字.文字顏色 (屬性) 為: 螢光藍
(一)當 清除 被點選 ==>
1.設定 顯示文字.文字 (屬性) 為: " "
2.設定 顯示文字.文字顏色 (屬性) 為 白色
: 白色
找到各元素積木的方法: