日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

Kotlin?LinearLayout與RelativeLayout布局使用詳解_Android

作者：go2coding ? 更新時間： 2023-01-02 編程語言

安卓的開發從布局開始。

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

新建的功能布局，一般是一個界面對應一個xml文件，main界面的xml在activity_main.xml 中。

線性布局LinearLayout

根據名字我們就很清楚，線性布局的意思了，相當于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 為按照控件內容的大小進行調整
  • 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>

幾個重要的布局：

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

項目在github的地址在這里。

小結

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

原文鏈接：https://blog.csdn.net/weixin_40425640/article/details/127850722

欄目分類
最近更新