Kotlin?LinearLayout與RelativeLayout布局使用詳解

更新時間：2022年12月06日 09:45:50 作者：go2coding

Kotlin?的基本特性就先寫到這里，我們這個系列的定位是基礎，也就是能用就好，夠用就好，我們不會舉太多的例子，但是這些都是最經(jīng)常用到的特性。從這節(jié)開始就是Kotlin和android?進行結(jié)合，使用Kotlin進行安卓應用的開發(fā)了

線性布局LinearLayout

根據(jù)名字我們就很清楚，線性布局的意思了，相當于html中的div層，兩種布局方向：

vertical 下的布局方式：

horizontal 下的布局方式：

vertical 布局代碼：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="#00aaff" >
    <Button
        android:id = "@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Button" />
    <Button
        android:id = "@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Button" />
</LinearLayout>

horizontal 下的布局代碼：

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="#A6A7AF" >
        <Button
            android:id = "@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:text="Button" />
        <Button
            android:id = "@+id/btn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:text="Button" />
    </LinearLayout>

有幾個屬性需要熟悉一下：

wrap_content 為按照控件內(nèi)容的大小進行調(diào)整
layout_marginLeft 為控件左邊的偏移，其他的一次類推
layout_gravity 可以用來進行控件居中顯示
layout_weight 控件在horizontal模式下占到的比率

相對布局RelativeLayout

相對布局主要兩種相當模式，一種是父控件，一種是相對兄弟控件。

布局代碼如下：

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="#9C27B0" >
        <Button
            android:id = "@+id/btn5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true"
            android:text="Button5" />
        <Button
            android:id = "@+id/btn6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="Button6" />
        <Button
            android:id = "@+id/btn7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_below="@+id/btn6"
            android:text="Button7" />
    </RelativeLayout>

幾個重要的布局：