快捷導(dǎo)航

Kotlin?LinearLayout與RelativeLayout布局使用詳解

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

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

線性布局LinearLayout

根據(jù)名字我們就很清楚，線性布局的意思了，相當(dāng)于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)容的大小進(jìn)行調(diào)整
layout_marginLeft 為控件左邊的偏移，其他的一次類推
layout_gravity 可以用來進(jìn)行控件居中顯示
layout_weight 控件在horizontal模式下占到的比率

相對布局RelativeLayout

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

布局代碼如下：

    <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>

幾個重要的布局：

layout_alignParentxxxx 相對于父類的情況
layout_to 相對于兄弟的情況

項目在github的地址在這里。

小結(jié)

布局的方式比較多，但是這兩個種布局方式是最重要的，也可以這么說掌握了這兩種以后，其他的就可以依次類推，只要知道里面的屬性基本上就容易上手了。

到此這篇關(guān)于Kotlin LinearLayout與RelativeLayout布局使用詳解的文章就介紹到這了,更多相關(guān)Kotlin LinearLayout與RelativeLayout內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: