[ Android Studio ]- 淺談Layout（ 設計畫面）- TextView

<!--more-->

😇 新增Layout :

在左方的 layout 資料夾點選右鍵 > new > 往下找 XML > 選擇 Layout XML File

請留意 , 檔名需全部小寫, 若有大寫就無法建立, 請看以下錯誤範例：

下方會有錯誤訊息, 告知無法存在大寫字母

正確範例：

也可用底線來區別, 例如 ： my_layout

建立完成後, 就能夠開始撰寫囉～～建立 TextView 測試,  

TextView 內的第一行為TextView 的寬：

範例設定為 250dp

dp 為 View中的大小單位, 會保證在所有裝置中呈現相同大小

android:layout_width="250dp"

TextView 內的第二行為TextView 的高：

範例設定為 250dp

dp 為 View中的大小單位, 會保證在所有裝置中呈現相同大小

android:layout_height="250dp"

TextView 內的第三行為TextView 的文字內容：

當在 “ ”內輸入的文字, 將會呈現在右方 View 中

android:text="HelloWord"

TextView 內的第四行為TextView 的文字大小：

當在 “ ”內輸入的數字,使用sp會隨系統偏好設定,  決定 text 內的文字大小,

android:textSize="36sp"

TextView 內的第五行為TextView 的範圍背景顏色：

範例選擇 GRAY 灰色, 可以看到背景變成灰色 

android:background="@android:color/darker_gray"

再來我們把 TextView 內的第一行為TextView 的寬 和 TextView 內的第二行為TextView 的高 

都更改為 :

android:layout_height="wrap_content"

android:layout_width="wrap_content"

wrap_content 的意思是根據內容決定TextView 的大小, 當我把寬、高都設定為wrap_content

可以發現右方的View 灰色背景隨著文字內容而調整

而當我改變TextView 中的文字內容時 , 灰色背景也會隨之調整

XML 都撰寫好準備 RUN 程式時, 別忘了要把 MainActivity 中 onCreate 方法的

setContentView(R.layout.mylayout);

改成剛剛新增的 layout 名稱, 這樣模擬器執行時才能夠執行對應的 layout 喔～＾＿＾