iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0

首先我們要先了解XML的語法,假如我們需要一個純文字的顯示那就會需要用到一個元件叫TextView,而語法會是 以斜線來結束語法,而android:text="Hello World!" 代表的是顯示文字內容。

再來進入到Linear Layout,線性佈局可分成水平跟垂直,但只能擇一來做使用。

來做個小練習吧! 試著把原本的Hello World! 變成三個,並間隔一點距離不要讓字太過擁擠。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:paddingLeft="10dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:paddingLeft="10dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:paddingLeft="10dp"
        />

</LinearLayout>

此程式碼呈現在下圖所示:

補充說明:
wrap_content的意思是依需要使用的範圍給大小,當然也可以設定數值給他大小。
android:paddingLeft="10dp"的意思是在文字內由左往右移動10dp的距離,所以可以看得出來每個TextView之間都有間距。


今天教學到這邊,我們明天見!


上一篇
[Day20]Android studio 模擬器AVD 安裝教學
下一篇
[Day22]Android Studio Relative Layout實作
系列文
新手學 Swift UI 與 Android Studio 的學習路程 -- 跟著我們一起踏上 App 開發之旅吧~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言