從頭開始學(xué)AppInventor（二）-口算練習

從頭開始學(xué)App,Inventor（二）——口算練習白二娃

上期我們已經(jīng)可以自己制作一個“點名神器”的APP，并安裝在手機中正常使用了。由于網(wǎng)絡(luò)環(huán)境的不同以及Android手機環(huán)境的碎片化，你的APP編寫、安裝以及調(diào)試可能需要解決更多的問題，不過當?shù)谝粋€程序順當運行起來后，我們就可以開頭編寫更加簡單有用的APP了。

這次我們一起來開發(fā)一款訓(xùn)練口算的小嬉戲，讓孩子在嬉戲中穩(wěn)固口算力量。在這個實例中我們將會涉及變量、選擇構(gòu)造、傳值及嵌套等學(xué)問點。另外我們還要在學(xué)習編程的一開頭就養(yǎng)成寫解釋的習慣。

“口算練習”是一款兒童加減法運算的APP小嬉戲，讓口算練習不再枯燥。我們以加法為例制作APP的第一版，完成之后再由你自己思索如何添加上減法的功能。

如圖1所示，點擊“開頭”按鈕，自動生成算式和答案，其中加數(shù)和被加數(shù)取個位數(shù);點擊“√”和“×”按鈕來推斷給出的算式對錯。每答復(fù)正確一題，則加1分;嬉戲中有3條生命，即可以有3次出錯的時機，答錯一題，生命值減1，并伴有音效;如生命值為0，則嬉戲完畢;可以點擊“開頭”按鈕再次啟動嬉戲（如圖1）。

依據(jù)功能需求，預(yù)備好音效（答錯的聲音wrong.wav）和兩張圖片（“√”right.png和“×”wrong.jpg）。登錄開發(fā)網(wǎng)站后（http：///），新建工程“kousuanlianxi”，上傳預(yù)備好的素材。AppInventor支持的圖片文件格式有.png、.gif和.jpg等;支持的音頻文件格式有.wav、.arm、.mpg和.mp3等（如圖2）。

Screen1的屏幕對齊改為居中，放入3個水平布局組件，留意將需要在規(guī)律中使用的組件重命名。

第一行為算式，水平和垂直都選居中對齊，寬度為布滿。用5個標簽標示算式的兩個數(shù)字A和B、符號、等號和結(jié)果C，字號都改為70。

其次行為對錯選項，水平和垂直都選居中對齊，寬度為布滿。放入2個按鈕，圖像選擇導(dǎo)入的素材，刪除文本。

第三行為計分，放入4個標簽，為得分、分值、生命、生命值，字號50，分值為藍色，生命值為紅色。

第四行為開頭按鈕，放入按鈕，設(shè)置底色為橙色，文本為“開頭”，文本顏色為白色。

非可視組件為音效和對話框。音效源文件為wrong.wav。對話框?qū)傩匀繛槟J（如圖3）。

AppInventor的屏幕設(shè)計雖然比擬簡潔，通過直接選取一些組件參加屏幕中即可，但組件的位置并不能做到拖放到哪里就停留在哪里。為了到達屏幕組件布局效果，需要用到屏幕布局類組件。

我們這里僅以實現(xiàn)加法功能為例，你可以在完成程序根底功能后再思索實現(xiàn)減法需要哪些修改。

點擊“開頭”按鈕，得分的初始值為0，生命初始值為3，產(chǎn)生一個新的算式。這里商定新的算式“A+B=C”產(chǎn)生規(guī)章為：加數(shù)A和被加數(shù)B取0-9之間的隨機整數(shù)，C=A+B+（-1到1間的隨機整數(shù)）。

A、B、C的值是不斷變化的，在程序設(shè)計語言中稱之為“變量”，在AppInventor中，使用“變量內(nèi)置塊”定義變量。變量包括全局變量和局部變量，全局變量在整個APP中都可以調(diào)用，而局部變量只能在它的作用范圍內(nèi)調(diào)用。變量在使用前需要先定義和賦初值。留意，同一個屏幕中全局變量名稱不能夠重復(fù)。設(shè)置變量后就可以用變量組件中的“取…”和“設(shè)…為”模塊獵取該變量的值和給這個變量賦值。

從開頭按鈕找到“當…被點擊，執(zhí)行”。我們使用了生成隨機數(shù)模塊;要讓加法模塊可以加3個數(shù)，可以點模塊前的齒輪，拖一個數(shù)加進去。從標簽1_A，找到“設(shè)置標簽文本”，為標簽A、B、C設(shè)置顯示值。設(shè)置分值標簽和生命值標簽的數(shù)值，代碼如圖4。

當點擊“√”按鈕時，首先推斷算式“C=A+B”是否成立，假如算式成立，則得分加1分，并產(chǎn)生一個新的算式，連續(xù)進展嬉戲;假如算式不成立，則生命值減1，播放“失敗”的音效;再推斷生命值是否為0，假如為0，則顯示警告信息“嬉戲完畢，請重新開頭”，否則產(chǎn)生一個新的算式，連續(xù)嬉戲。流程圖如圖5所示。

“產(chǎn)生新的算式”需要屢次使用，可以封裝這個模塊以削減代碼冗余（圖6）。

流程圖的菱形是一個條件推斷，這種程序構(gòu)造稱為選擇構(gòu)造。點擊“假如…則…”模塊前的小齒輪，可以添加否則條件。標簽文本在運算中會自動轉(zhuǎn)換為數(shù)值并參加計算。AppInventor中并不嚴格區(qū)分文本和數(shù)據(jù)類型，只要符合轉(zhuǎn)換規(guī)章，不同數(shù)據(jù)類型的值都可以自動轉(zhuǎn)換。比方，數(shù)值7.4可以轉(zhuǎn)換為文本，反過來也一樣，但文本“7天”不能轉(zhuǎn)換為數(shù)值。

按鈕“√”的代碼（如圖7）。

按鈕“×”的代碼與“√”的代碼類似，唯一不同是推斷式“C≠A+B”（如圖8）。

為了讓代碼模塊具有更好的可讀性，讓別人簡單理解為什么要這么寫，有時需要為特定的模塊加上一些說明。這些說明就是軟件開發(fā)中的解釋。在AppInventor中，可以在任意模塊上單擊鼠標右鍵，來添加解釋。

假如我們需要隨機產(chǎn)生“+-×÷”，那么得到的結(jié)果應(yīng)當依據(jù)隨機產(chǎn)生的運算符來進展分類爭論。如何確定產(chǎn)生哪種運算符呢？可以通過產(chǎn)生的隨機數(shù)1到4來表示四則運算符號。

其實直接做成口算填空題比推斷題更簡潔，直接用文本輸入框就行了。

猜你喜愛組件變量算式創(chuàng)立Vue組件npm包實戰(zhàn)分析計算機與網(wǎng)絡(luò)(2023年8期)2023-06-20光伏組件熱斑對發(fā)電性能的影響電子樂園·中旬刊(2023年6期)2023-05-16智能機械臂創(chuàng)造與創(chuàng)新·中學(xué)生(2023年4期)2023-04-20一道加法算式作文周刊·小學(xué)一年級版(2023年5期)2023-07-29一道減法算式作文周刊·小學(xué)一年級版(2023年5期)2023-07-29算式考考你小雪花·成長指南(2023年5期)2023-06-07分別變量法：常見的通性通法新高考·高二數(shù)學(xué)(2023年