App inventor for迴圈練習，輸出文字三角形

好我們這邊做一個簡單的一個迴圈的練習 那我們這個主要的迴圈練習呢 是利用那個 潮裝的Double 迴圈 Full 迴圈 產生一個 文字的 文字的三角形 首先我們先拉那個Label Label 1 在Label 1的地方 它就 很明白的告訴我們 你需要輸入的東西是什麼 那我們這邊需要輸入的東西 當然 直接告訴你 需要輸入的是一個Input 的N N Suppose 當然就是一個 一個整數 當然整數不能太大 接下來我們 另外一個元件呢 就是我們的Testbox Testbox呢當然也就是 你輸入的一個位置 我們輸入的位置 那這邊呢我們 也就是你的N 是在這邊輸入的 我們在版面上我們稍微做一個調整 那我們在 寬度上 我們在寬度上呢 我們就讓它 是跟Full Label是一樣的 好 那重點是你的 整個輸出呢 我們這邊的一個做法呢 我們也是用 Testbox 這樣的一個元件 去產生 所以我們一樣拉個Testbox 到我們的Screen 這邊一樣我們再去調整 它的版面的一個大小 它的高度以及寬度 我們都設為是跟Full Label是一樣的 好 那這樣原則上我們版面呢 還差一個 按鈕 主要你在輸出的地方 你需要一個Multiline 就是可以斷行 因為我們三角形輸出是好幾行的 顏色呢 我們也可以做簡單的一個調整 比方說輸出的 你的Testbox 2我們把它的底色 設為Yellow 那Testbox 1的地方呢 我們也可以 去調其他顏色 比方說是 綠色啦 灰色啦等等其他顏色 像是灰色可能這邊顏色太深了 然後我們把它調 淡一點用淡灰色 這樣的情形 那我們這邊再把 那Button再把它加上去 沒有Button的話 我們沒有東西驅動 所以我們這邊也是很簡單 我們在Button的字樣 我們就直接把它改成 Run 那我們到了我們程式區塊的畫面 那我們在這邊呢 我們是 我們Button按了之後 當然事件驅動了 所以我們就直接從那邊 拉一個 事件驅動 這邊我們在前面我們先設一些 我們所需要的變數 那我們的N 這是我們的輸入 我們假設它的一個數值是0 這是它的 情況 另外呢 我們進入我們的 Button按完之後呢 我們當然就是要去取得 呃 我們的值 那我們的值是由Test Bus 1裡面 去做輸入的 所以我們直接拉前綠色的區塊 Test Bus 1這邊我們只要點一下 調整成為 TEST ST就可以 TEST就可以了 那接下來重點就是我們的 槽狀的Double迴圈 那原則上呢 我們外層的迴圈 我們的控制變數改成I 呃我們的 迴圈是從1到N 所以N 這邊我們要設為Get N 那它的變化量是每次 都是增加一個 這是我們的外層迴圈 那接下來 當然就是要做的 事情就是 我們還有一個變數 我們還要去設 這是我們主要跟我們的 輸出有關的 我們設的是一個自串的 一個變數 所以一開始它是空自串 所以我們打算將所有的 過程的結果 都是暫存在這個自串裡面 那麼接下來 我們要做的就是內層迴圈 內層迴圈一樣是 for each number 的這個區塊 那一樣 我們起始值是1 那我們終始 結束的值應該就是 I 所以我們去 Get I 那我們number的地方 我們就直接把它改成 C 在內層迴圈裡面 我們就要開始處理 我們的自串X 所以我們的 X自串呢 它當然是原先的 它自己本身的自串的 核跟 我們這個J的 自串的一個連結 所以我們再從文字 text那邊去取得一個 自串連結的符號 所以我們這邊上面呢 擺的是Get Global S 下面地方當然就是 直接擺的就是J 那接下來在我們整個 內層迴圈結束完之後 我們當然要做一個很重要的事情 就是斷毫 所以我們必須對這個自串 還要再做一次計算 還要做一次計算 所以這個放的位置要放對 內層迴圈結束 外層迴圈 進入下一個字前 所以這邊也是要 做一次自串連結 原則上呢 是我們的 X這個自串 在這個位置 必須要做斷毫的動作 所以我們這樣 自串拉過來 在這邊 打斜線N就可以了 那整個自串 完成之後呢 我們當然 還要做的事情就是 要做適當的輸出 那因為我們是有UI的一個程式 所以我們一開始 我們要將我們的資料 做適當的一個清空 所以你可能會按很多次 所以在 雙迴圈結束 完之後呢 我們要在接下來要做的事情 就是我們要 去做輸出的動作 輸出的動作當然就是要 從 textbox2這個地方 動手 他是跟textbox2是有關的 textbox2這邊呢 我們直接 將他做一個設定 所以他textbox2的 text當然就是我們 剛剛前面的X 的這個自串 那我們整個大概 程式區塊大概就這樣完成了 接下來就是要做 一般的 連結動作 連到 我們的 虛擬器 然後直接在虛擬器去看我們的結果 那我們現在 畫面已經打開了 那我們現在就直接輸入我們的數字 當然我們數字原則上不要太大 大概是 10以內 就可以了 比方說是7 按down然後再按round 所以我們得到的 結果確實是這樣 我們所預期所要的一個三角形 然後呢 我們可以再去改用 其他的數字 比方說我們輸入的 另外一個數字是5 然後直接 先按down然後再按round 所以看他的結果 確實他也有清空 他把之前的資料清空之後 重新再round一次 我們得到這樣的一個 畫面結果