快捷導(dǎo)航

Kotlin?LinearLayout與RelativeLayout布局使用詳解

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

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

安卓的界面編寫(xiě)也是使用xml進(jìn)行布局的，一般如果熟悉了html界面的布局，那么很容易就能夠理解安卓有關(guān)的布局了，這里介紹兩個(gè)比較重要的布局方式：線性布局（LinearLayout）和相對(duì)布局（RelativeLayout）。

新建的功能布局，一般是一個(gè)界面對(duì)應(yīng)一個(gè)xml文件，main界面的xml在activity_main.xml 中。

線性布局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>

有幾個(gè)屬性需要熟悉一下：

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

相對(duì)布局RelativeLayout

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

布局代碼如下：

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

幾個(gè)重要的布局：

layout_alignParentxxxx 相對(duì)于父類(lèi)的情況
layout_to 相對(duì)于兄弟的情況

項(xiàng)目在github的地址在這里。

小結(jié)

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

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

您可能感興趣的文章: