小技巧，App Inventor中，標籤、文字輸入框、對話框，文字換行的作法| 猴嗯架按呢E

小技巧，App Inventor中，標籤、文字輸入框、對話框，文字換行的作法

一開始在做 app inventor的時候，很不會排版，所以很常會發生，版面不對，文字超長等等，很影響外觀的功能。特別是文字要怎麼換行這件事，真的很煩人。

這一次就來記錄一下：
小技巧，App Inventor中，標籤、文字輸入框、對話框，文字換行的作法

比較常出現需要文字換行的元件有 3個，分別是標籤、文字輸入框、以及對話框的元件。所以這裡我就先列出這三項分別顯示一下文字換行的作法。

首先是方式 1。
從程式碼看上去好像已經有文字換行的效果，但實際出現的畫面中，文字會是連在一塊的。

會像是這樣子。
這不是我們想要的樣子。

方式 2才是正確的寫法。

寫法有 2種，我們可以在一個文字方塊中，在想換行的地方的前面，插入 \n。這樣文字就會換行。
重點就在於 \n
舉例一下：\n換行測試\n換行測試\n換行測試\n換行測試

或者是用文字方塊區隔開來，呈現的效果是一樣的。
舉例一下：
\n換行測試
\n換行測試
\n換行測試
\n換行測試

方式 2的實際呈現效果如下：

我們可以發現在標籤及文字對話框中，只要加入了 \n在字段的前面，那麼就會有換行的效果。
(補充一下，要勾選文字輸入盒中允許多行的屬性，才能換行)

那問題來了，為什麼在對話框的文字，用一樣的作法，卻沒有換行的效果。

對話框元件要換行的話，我們要用方式 3的作法。

對話框元件可以用一些 html的寫法，像是 <b>、<br>之類，要換行的話，就要用 <br>來換行。
呈現出來的效果像下圖。

這裡再補充一下，對話框只有文字的這個可以換行及加入部份的 html標籤。
標題和按鈕的地方就不行。

想當初一開始在接觸 app inventor的時候，光是這個小小的東西，就卡了我好久。
版面也調不好，文字又找不到換行的方法，一整個就是悶。
現在做多了，也比較熟了，反到是怎麼去實現想法變的麻煩了。

之前介紹過的一些 appinventor的使用記錄，都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面