App Inventor開發(fā)訓(xùn)練營

第1章　水果配對(duì) 1
1.1　游戲描述　1
1.2　界面設(shè)計(jì)　2
1.2.1　界面布局　2
1.2.2　組件屬性設(shè)置　3
1.2.3　上傳資源文件　3
1.3　編寫程序——屏幕初始化　4
1.3.1　創(chuàng)建按鈕列表　4
1.3.2　讓按鈕顯示背面圖案　5
1.3.3　創(chuàng)建圖片列表　7
1.3.4　為按鈕指定正面圖案　7
1.3.5　隨機(jī)顯示正面圖案　9
1.4　編寫程序——處理按鈕點(diǎn)擊事件　11
1.4.1　流程圖　11
1.4.2　判斷兩個(gè)按鈕圖案的異同　12
1.4.3　處理兩個(gè)按鈕圖案相同的情況　13
1.4.4　處理兩個(gè)按鈕圖案不同的情況　14
1.4.5　代碼的復(fù)用——改進(jìn)按鈕點(diǎn)擊事件處理程序　14
1.4.6　代碼的規(guī)整　16
1.4.7　改造閃現(xiàn)計(jì)時(shí)器的計(jì)時(shí)事件處理程序　17
1.4.8　測(cè)試　17
1.5　編寫程序——控制游戲時(shí)長　21
1.5.1　控制游戲時(shí)長　21
1.5.2　顯示剩余時(shí)間　21
1.5.3　將剩余時(shí)間計(jì)入總成績　22
1.6　編寫程序——設(shè)計(jì)游戲結(jié)尾　22
1.6.1　顯示游戲得分　22
1.6.2　保存游戲得分　24
1.6.3　處理對(duì)話框的按鈕選擇　25
1.6.4　創(chuàng)建游戲初始化過程　25
1.7　程序的測(cè)試與修正　26
1.7.1　選取列表項(xiàng)錯(cuò)誤　26
1.7.2　重新開始游戲時(shí)點(diǎn)擊按鈕無響應(yīng)　29
1.7.3　重新開始游戲時(shí)圖案排列不變　30
1.7.4　快速點(diǎn)擊按鈕時(shí)系統(tǒng)提示錯(cuò)誤　31
1.8　代碼整理　32
第2章 計(jì)算器　35
2.1　功能描述　35
2.1.1　符號(hào)及術(shù)語　35
2.1.2　具體功能　36
2.2　用戶界面設(shè)計(jì)　36
2.3　編寫程序——實(shí)現(xiàn)常規(guī)操作　37
2.3.1　輸入數(shù)字　37
2.3.2　點(diǎn)擊算符　38
2.3.3　點(diǎn)擊等號(hào)　39
2.3.4　代碼測(cè)試及說明　40
2.4　編寫程序——實(shí)現(xiàn)連續(xù)運(yùn)算　40
2.4.1　代碼修改　40
2.4.2　測(cè)試及代碼修正　40
2.5　編寫程序——實(shí)現(xiàn)小數(shù)輸入　41
2.5.1　編寫按鈕點(diǎn)擊程序　41
2.5.2　代碼測(cè)試及程序修正　42
2.6　編寫程序——實(shí)現(xiàn)輔助功能　43
2.6.1　求相反數(shù)　43
2.6.2　刪除末尾數(shù)字　43
2.6.3　清除后數(shù)　44
2.6.4　清除全部信息　44
2.7　代碼回顧　44
2.7.1　要素關(guān)系圖　44
2.7.2　關(guān)鍵環(huán)節(jié)的狀態(tài)分析　44
第3章　九格拼圖　46
3.1　游戲描述　46
3.2　界面設(shè)計(jì)　47
3.2.1　界面布局　47
3.2.2　資源文件規(guī)格　48
3.3　難點(diǎn)分析　49
3.3.1　程序的主流程　49
3.3.2　術(shù)語解釋　49
3.3.3　難點(diǎn)分析　51
3.4　編寫程序——初始化　52
3.4.1　初始化全局變量　52
3.4.2　初始化組件屬性　55
3.4.3　屏幕初始化事件處理程序　55
3.4.4　跟蹤程序的執(zhí)行過程　56
3.5　編寫程序——移動(dòng)碎片　56
3.6　編寫程序——判斷拼圖是否成功　59
3.7　編寫程序——計(jì)算游戲得分　60
3.7.1　統(tǒng)計(jì)游戲耗時(shí)　60
3.7.2　統(tǒng)計(jì)碎片移動(dòng)次數(shù)　60
3.7.3　計(jì)算游戲得分　60
3.8　編寫程序——游戲結(jié)束　61
3.8.1　提取歷史記錄　61
3.8.2　更新歷史記錄　62
3.8.3　處理對(duì)話框的完成選擇事件　63
3.8.4　添加重新開始按鈕　64
3.9　代碼整理　64
3.9.1　代碼清單　64
3.9.2　要素關(guān)系圖　65
第4章　天氣預(yù)報(bào)——基礎(chǔ)版　67
4.1　功能描述　67
4.2　預(yù)備知識(shí)　68
4.2.1　Web API簡介　68
4.2.2　HTTP協(xié)議　69
4.2.3　Web客戶端組件　72
4.2.4　JSON數(shù)據(jù)簡介　73
4.2.5　將JSON數(shù)據(jù)轉(zhuǎn)為列表數(shù)據(jù)　74
4.2.6　App Inventor處理鍵值對(duì)列表　75
4.3　請(qǐng)求數(shù)據(jù)　76
4.3.1　用戶界面設(shè)計(jì)　76
4.3.2　請(qǐng)求數(shù)據(jù)　77
4.3.3　將數(shù)據(jù)保存為文件　79
4.4　數(shù)據(jù)結(jié)構(gòu)分析　80
4.4.1　城市信息　81
4.4.2　七日預(yù)報(bào)　81
4.4.3　小時(shí)預(yù)報(bào)　82
4.4.4　生活指數(shù)　83
4.4.5　天氣實(shí)況　83
4.4.6　數(shù)據(jù)狀態(tài)　83
4.4.7　數(shù)據(jù)更新時(shí)間　84
4.5　呈現(xiàn)一組簡單的數(shù)據(jù)——城市信息　84
4.5.1　提取分類信息　84
4.5.2　顯示單項(xiàng)信息　85
4.5.3　規(guī)范信息的顯示格式　86
4.6　選擇顯示各類信息　87
4.6.1　基礎(chǔ)數(shù)據(jù)準(zhǔn)備　87
4.6.2　顯示分類信息　90
4.7　程序的改進(jìn)　95
4.7.1　判斷請(qǐng)求數(shù)據(jù)的結(jié)果　95
4.7.2　為數(shù)據(jù)添加單位　95
4.7.3　顯示當(dāng)前數(shù)據(jù)類型　96
第5章　天氣預(yù)報(bào)——圖片版　98
5.1　功能描述　98
5.2　用戶界面設(shè)計(jì)　98
5.2.1　頁面布局　98
5.2.2　添加并設(shè)置組件　100
5.3　編寫程序——請(qǐng)求并整理數(shù)據(jù)　101
5.3.1　請(qǐng)求數(shù)據(jù)　101
5.3.2　數(shù)據(jù)整理　102
5.4　呈現(xiàn)有圖標(biāo)的數(shù)據(jù)——七日天氣預(yù)報(bào)　106
5.4.1　設(shè)置用戶界面組件的可視屬性　106
5.4.2　圖標(biāo)文件的獲取　107
5.4.3　圖標(biāo)的呈現(xiàn)　107
5.4.4　顯示文字信息　110
5.5　顯示其他種類信息　113
5.5.1　顯示城市基本信息　113
5.5.2　顯示生活指數(shù)信息　114
5.5.3　顯示天氣實(shí)況信息　116
5.5.4　顯示小時(shí)預(yù)報(bào)　118
5.6　其他功能　120
5.6.1　選擇顯示分類信息　121
5.6.2　默認(rèn)設(shè)置與數(shù)據(jù)保存　121
5.7　功能完善與小結(jié)　123
5.7.1　診斷網(wǎng)絡(luò)連接　123
5.7.2　項(xiàng)目小結(jié)　123
第6章　打地鼠　125
6.1　游戲描述　125
6.2　素材準(zhǔn)備　126
6.3　界面設(shè)計(jì)　126
6.4　編寫程序——地鼠的閃現(xiàn)　127
6.4.1　難點(diǎn)分析　128
6.4.2　編寫代碼　128
6.5　編寫程序——命中地鼠與得分　131
6.5.1　顯示擊打次數(shù)　131
6.5.2　命中地鼠　131
6.6　編寫程序——時(shí)間控制與游戲結(jié)束　132
6.6.1　顯示游戲剩余時(shí)間　132
6.6.2　編寫游戲結(jié)束程序　134
6.6.3　回應(yīng)用戶的選擇　135
6.7　代碼整理　136
第7章　幼兒加法啟蒙　138
7.1　功能描述　138
7.2　素材準(zhǔn)備　139
7.2.1　素材清單　139
7.2.2　素材規(guī)格　140
7.3　技術(shù)要點(diǎn)　140
7.3.1　用圖片組件顯示數(shù)字　140
7.3.2　用畫布組件繪制圖形　140
7.3.3　用隨機(jī)數(shù)合成顏色　140
7.3.4　用計(jì)時(shí)器組件控制應(yīng)用的節(jié)奏　140
7.4　界面設(shè)計(jì)　140
7.5　編寫程序——應(yīng)用初始化　143
7.5.1　按鈕初始化　143
7.5.2　動(dòng)態(tài)設(shè)置屏幕的標(biāo)題屬性　144
7.5.3　動(dòng)態(tài)組件初始化　144
7.5.4　出題并顯示題目　145
7.5.5　測(cè)試　145
7.6　編寫程序——題目圖示　145
7.6.1　畫圓遇到的問題　146
7.6.2　繪制數(shù)量合適的彩色圓形　147
7.6.3　添加加號(hào)　147
7.6.4　階段測(cè)試　148
7.7　編寫程序——答題　148
7.7.1　顯示輸入的數(shù)值　149
7.7.2　清除錯(cuò)誤答案　150
7.7.3　判斷對(duì)錯(cuò)　150
7.7.4　顯示下一題　151
7.7.5　禁用選擇時(shí)長功能　152
7.7.6　隱藏圖示　153
7.7.7　階段測(cè)試　153
7.8　編寫程序——時(shí)間控制及得分　153
7.8.1　控制練習(xí)時(shí)長　153
7.8.2　計(jì)算并顯示得分　154
7.8.3　選擇練習(xí)時(shí)長　154
7.9　編寫程序——游戲結(jié)束與重新開始　155
7.9.1　提取、顯示及保存歷史記錄　155
7.9.2　處理用戶選擇　156
7.9.3　最終測(cè)試　157
7.10　代碼整理　157
7.10.1　代碼清單　157
7.10.2　要素關(guān)系圖　158
第8章　簡易家庭賬本——登錄　160
8.1　概念解釋　160
8.1.1　什么是應(yīng)用　160
8.1.2　什么是數(shù)據(jù)庫　161
8.2　App Inventor中的數(shù)據(jù)庫組件　163
8.2.1　數(shù)據(jù)的組織　163
8.2.2　新增數(shù)據(jù)項(xiàng)（記錄）　164
8.2.3　數(shù)據(jù)的查詢　165
8.2.4　刪除數(shù)據(jù)項(xiàng)　166
8.2.5　修改數(shù)據(jù)項(xiàng)　167
8.2.6　數(shù)據(jù)的請(qǐng)求與保存　167
8.3　家庭賬本應(yīng)用的功能模塊設(shè)置　168
8.4　登錄頁面的功能描述　169
8.4.1　預(yù)設(shè)選項(xiàng)功能　169
8.4.2　密碼保護(hù)功能　170
8.5　數(shù)據(jù)模型　170
8.5.1　對(duì)象模型　170
8.5.2　變量模型　171
8.5.3　列表的文本表示　171
8.5.4　登錄頁面的數(shù)據(jù)模型　171
8.5.5　界面設(shè)計(jì)　172
8.6　頁面邏輯　174
8.6.1　加載保存預(yù)設(shè)選　174
8.6.2　密碼設(shè)置　174
8.6.3　登錄功能　174
8.7　編寫程序　175
8.7.1　屏幕初始化　175
8.7.2　文件管理器收到文本　175
8.7.3　開始按鈕點(diǎn)擊程序　177
8.8　測(cè)試　177
8.9　附錄：代碼背包功能簡介　178
第9章　簡易家庭賬本——導(dǎo)航菜單與收入記錄　179
9.1　導(dǎo)航菜單屏幕　179
9.1.1　數(shù)據(jù)模型　179
9.1.2　界面設(shè)計(jì)　179
9.1.3　頁面邏輯　180
9.1.4　編寫程序　180
9.1.5　測(cè)試　181
9.2　收入記錄的功能描述　182
9.3　收入記錄的數(shù)據(jù)模型　182
9.3.1　對(duì)象模型　182
9.3.2　變量模型　183
9.3.3　預(yù)設(shè)項(xiàng)列表　184
9.4　界面設(shè)計(jì)　184
9.5　頁面邏輯　185
9.6　編寫程序　187
9.6.1　發(fā)現(xiàn)過程　187
9.6.2　屏幕初始化　188
9.6.3　新增數(shù)據(jù)　189
9.6.4　修改數(shù)據(jù)　190
9.6.5　刪除數(shù)據(jù)　193
9.6.6　永久保存數(shù)據(jù)　193
9.6.7　返回主菜單　194
9.7　測(cè)試與改進(jìn)　195
9.8　附錄：計(jì)時(shí)器組件中的時(shí)間信息　197
9.8.1　什么是時(shí)間點(diǎn)　197
9.8.2　設(shè)置日期格式　198
9.8.3　創(chuàng)建毫秒時(shí)間點(diǎn)　199
第10章 簡易家庭賬本——系統(tǒng)設(shè)置　200
10.1　功能描述　200
10.2　數(shù)據(jù)模型　201
10.2.1　支出二級(jí)分類　201
10.2.2　支出專項(xiàng)　202
10.2.3　家庭成員與支付方式　202
10.2.4　重置密碼　202
10.3　界面設(shè)計(jì)　202
10.3.1　頁面布局　202
10.3.2　組件屬性設(shè)置　203
10.4　界面邏輯　204
10.4.1　屏幕初始化　204
10.4.2　設(shè)置預(yù)設(shè)項(xiàng)　204
10.4.3　重置密碼　205
10.4.4　恢復(fù)默認(rèn)設(shè)置　205
10.5　編寫程序——選擇設(shè)置項(xiàng)　205
10.5.1　屏幕初始化　205
10.5.2　設(shè)置組件的顯示與隱藏　206
10.5.3　原始數(shù)據(jù)的綁定　207
10.5.4　組件初始化　208
10.5.5　設(shè)置選擇框的完成選擇事件　208
10.6　設(shè)置支出二級(jí)分類　208
10.6.1　選擇支出一級(jí)分類　208
10.6.2　修改二級(jí)分類　209
10.6.3　刪除二級(jí)分類　210
10.6.4　新增二級(jí)分類　210
10.6.5　測(cè)試　211
10.7　設(shè)置支出專項(xiàng)　212
10.7.1　選中某個(gè)支出專項(xiàng)　213
10.7.2　新增與修改　213
10.7.3　刪除　216
10.7.4　測(cè)試　217
10.7.5　測(cè)試中的問題　218
10.8　設(shè)置家庭成員及支付方式　220
10.8.1　選擇設(shè)置項(xiàng)　220
10.8.2　新增與修改簡單項(xiàng)　220
10.8.3　刪除簡單項(xiàng)　221
10.8.4　測(cè)試　222
10.9　完善新增與修改功能　223
10.10　其他設(shè)置及返回主菜單　224
10.10.1　密碼重置　224
10.10.2　恢復(fù)默認(rèn)設(shè)置　225
10.10.3　返回主菜單　226
第11章 簡易家庭賬本——支出記錄　227
11.1　功能描述　227
11.2　數(shù)據(jù)模型　228
11.2.1　對(duì)象模型　228
11.2.2　變量模型　229
11.2.3　預(yù)設(shè)項(xiàng)列表　230
11.3　界面設(shè)計(jì)　230
11.4　界面邏輯　231
11.5　編寫程序　233
11.5.1　編寫過程　233
11.5.2　屏幕初始化　236
11.5.3　選擇一級(jí)分類　237
11.5.4　新增及修改支出記錄　237
11.5.5　選擇已輸入項(xiàng)及刪除選中項(xiàng)　238
11.5.6　輸入信息的永久保存　238
11.5.7　返回主菜單　239
11.6　測(cè)試與改進(jìn)　239
11.6.1　屏幕初始化　240
11.6.2　新增支出記錄　241
11.6.3　修改及刪除　241
11.6.4　保存與返回　242
11.6.5　改進(jìn)　242
第12章 簡易家庭賬本——收支查詢　244
12.1　功能描述　244
12.1.1　收入查詢　244
12.1.2　支出查詢　245
12.2　數(shù)據(jù)模型　245
12.2.1　對(duì)象模型　245
12.2.2　動(dòng)態(tài)變量模型　246
12.3　界面設(shè)計(jì)　247
12.4　技術(shù)準(zhǔn)備——繪制動(dòng)態(tài)表格　248
12.4.1　表格的屬性　249
12.4.2　繪制單頁數(shù)據(jù)表格　251
12.4.3　繪制多頁表格　254
12.4.4　選中一行數(shù)據(jù)　257
12.4.5　選中行的閃爍效果　257
12.4.6　顯示頁碼　260
12.5　界面邏輯　261
12.6　編寫程序——聲明全局變量并創(chuàng)建過程　263
12.6.1　名副其實(shí)的變量　263
12.6.2　不變的變量　264
12.6.3　可以充當(dāng)變量的過程——有返回值的過程　264
12.6.4　改變世界的過程——無返回值過程　269
12.7　編寫程序——事件處理　272
12.7.1　屏幕初始化　272
12.7.2　日期選擇事件　273
12.7.3　篩選條件選擇程序　273
12.7.4　主篩選項(xiàng)選擇程序　274
12.7.5　查詢按鈕點(diǎn)擊程序　274
12.7.6　劃屏翻頁事件　274
12.7.7　選中單行數(shù)據(jù)程序　275
12.7.8　與刪除單行數(shù)據(jù)相關(guān)的程序　275
12.7.9　數(shù)據(jù)導(dǎo)出　277
12.7.10　批量刪除　277
12.7.11　返回主菜單　278
12.8　測(cè)試與改進(jìn)　278
12.8.1　收入查詢測(cè)試　278
12.8.2　支出查詢測(cè)試　282
12.8.3　功能改進(jìn)——提供操作反饋　289
第13章 簡易家庭賬本——年度收支匯總　292
13.1　功能描述　292
13.2　數(shù)據(jù)模型　293
13.2.1　表格數(shù)據(jù)　293
13.2.2　折線圖數(shù)據(jù)　294
13.2.3　全局變量　295
13.3　技術(shù)準(zhǔn)備——繪制折線圖　296
13.3.1　繪制坐標(biāo)軸　297
13.3.2　繪制圖例　298
13.3.3　寫標(biāo)注文字　299
13.3.4　繪制折線圖　301
13.4　用戶界面設(shè)計(jì)　303
13.5　頁面邏輯　304
13.5.1　屏幕初始化　304
13.5.2　選中匯總項(xiàng)目　305
13.5.3　數(shù)據(jù)篩選與匯總　305
13.5.4　返回主菜單　305
13.6　編寫程序——?jiǎng)?chuàng)建過程　305
13.6.1　可以充當(dāng)變量的過程——有返回值過程　305
13.6.2　與繪圖相關(guān)的過程——無返回值過程　308
13.7　編寫程序——事件處理程序　312
13.7.1　屏幕初始化　312
13.7.2　匯總按鈕點(diǎn)擊程序　313
13.7.3　匯總項(xiàng)目選擇程序　313
13.7.4　返回按鈕點(diǎn)擊程序　314
13.8　測(cè)試與改進(jìn)　314
13.8.1　測(cè)試　314
13.8.2　改進(jìn)　315
第14章 簡易家庭賬本——分類匯總及其他　318
14.1　技術(shù)準(zhǔn)備——繪制餅狀圖　319
14.1.1　數(shù)據(jù)模型　319
14.1.2　繪圖方法　320
14.2　年度收入分類匯總　324
14.2.1　數(shù)據(jù)模型　324
14.2.2　頁面邏輯　325
14.2.3　編寫代碼——過程與事件處理程序　325
14.3　年度個(gè)人收入?yún)R總　331
14.4　年度支出分類匯總　333
14.5　年度專項(xiàng)支出匯總　336
14.6　月度收入、支出分類匯總　338
14.7　使用手冊(cè)　341
14.7.1　用戶界面設(shè)計(jì)　341
14.7.2　編輯并上傳HTML 文檔　342
14.7.3　測(cè)試　342
14.8　開發(fā)心得及改進(jìn)思路　343
14.8.1　開發(fā)心得　343
14.8.2　改進(jìn)方法及思路　346
第15章 數(shù)學(xué)實(shí)驗(yàn)室（一）：雞兔同籠　350

第16章 數(shù)學(xué)實(shí)驗(yàn)室（二）：素?cái)?shù)問題　358

第17章 數(shù)學(xué)實(shí)驗(yàn)室（三）：公約數(shù)與公倍數(shù)　363

第18章 數(shù)學(xué)實(shí)驗(yàn)室（四）：繪制函數(shù)曲線　373

第19章 尋找加油站　392

第20章 貪吃蛇　416

第21章 因式分解之十字相乘　432

后記　461
附錄A　開發(fā)工具、測(cè)試方案與學(xué)習(xí)資源　462
附錄B　不同的App Inventor漢化版本　468