Android Studio开发(Java)02——线性布局

线性布局(LinearLayout 元素)

android:layout_height=“140dp”：容器高度
android:layout_width=“match_parent”：容器宽度，匹配父元素
android:orientation=“horizontal”：设置为水平布局，垂直分配为“vertical”
android:background="#0066ff"：背景颜色
android:layout_marginTop=“20dp”：距离上面的距离
android:layout_marginLeft=“15dp”：距离左面的距离
android:layout_marginRight=“15dp”：距离右面的距离
容器中的元素有android:layout_weight="1"属性：属性值是所占比重
注意：当是水平分配时，容器中的元素layout_width属性要设置为“0dp”，当是垂直分配时，容器中的元素layout_height属性要设置为“0dp”，这样才好看效果。

• 水平分配
  activity_main.xml

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_height="140dp"
      android:layout_width="match_parent"
      android:orientation="horizontal"
      android:background="#0066ff"
      android:layout_marginTop="20dp"
      android:layout_marginLeft="15dp"
      android:layout_marginRight="15dp">
  
      <View
          android:layout_width="0dp"
          android:layout_height="match_parent"
          android:layout_weight="1"
          android:background="#eda200"/>
      <View
          android:layout_width="0dp"
          android:layout_height="match_parent"
          android:layout_weight="1"
          android:background="#d47fff"/>
  </LinearLayout>
  

  效果图
  

• 垂直分配
  activity_main.xml

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_height="140dp"
      android:layout_width="match_parent"
      android:orientation="vertical"
      android:background="#0066ff"
      android:layout_marginTop="20dp"
      android:layout_marginLeft="15dp"
      android:layout_marginRight="15dp">
  
      <View
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="1"
          android:background="#eda200"/>
      <View
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="1"
          android:background="#d47fff"/>
  </LinearLayout>
  

  效果图
  

本文地址：https://blog.csdn.net/weixin_44235532/article/details/108568942