LinearLayout布局下android:layout_weight用法

Posted 2023-03-21

我自己的测试是：

设置LinearLayout的android:orientation="hozirontal"，android:layout_width="match_parent"
三个按钮，android:layout_weight分别置为1、2、3，设屏幕宽度为W
(1)当设置android：layout_width="0dp"时
三者宽度按照1:2:3的比例分割屏幕宽度，推测是直接按比例分割屏幕空间了
(2)当设置android：layout_width="match_parent"时
三者按比例分割剩余空间（W-3*W=-2W），
W1=W+1/6*(-2W)=2/3W;W2=W+2/6*(-2W)=1/3W;W3=W+3/6(-2W)=0。
因此，仅显示按钮1和2，占据2/3W和1/3W
(3)当设置android：layout_width="wrap_content"时
当包裹住内容后屏宽依然很充足实，三者按比例分割屏幕空间，也即宽度1:2:3；
当包裹住内容后屏宽不足，三者的宽度按照优先包裹住内容，然后按比例分割剩余空间，因此，内容长短不一造成的结果会很不一样。
实际测量时，发现当设置android:layout_width="0dp"时，三者宽度比例只是大致是1:2:3，实际有偏差，权重值越大，偏差也越大，获得的越多，如我的一组测量数据是17:38:57。其他几组也类似。
这就更加迷惑了，这玩意儿整这么复杂是为哪般？到底内部机制是什么？
下面是我测试的几张图：
0dp

match_parent

wrap_content——一号

wrap_content——一号按钮

warp_content——一号按钮思密达

参考技术A

layout_weight意思是布局比重的意思，在线性布局中常用layout_weight，分割布局。

通常线性布局中宽高布局常用android:layout_width=match_parent|wrap_content,android_height=match_parent|wrap_content来进行布局，如果要用比重布局，通常android:layout_width属性就会不起作用，设置为"0"；根据想要布局的比例，设定android:layout_weight的值，值越大，占的布局就越大。

考虑到Android多版本的兼容问题，通常使用match_parent而不使用fill_parent.

参考技术B 亲，跟你学习了！~~你这测试滴真够彻底的！~~希望你能找到答案啊！~~

Android开发 UI布局

Android开发 UI布局
一、线性布局LinearLayout
 什么是线性布局？
 其实呢，线性布局就是把所有的孩子摆在同一条线上

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Button" />
</LinearLayout>

线性布局摆放的方向：我们可以通过orientation来修改LinerLayout的布局的摆放方向，它的值有两个，一个是horizontal(水平)，另一个是vertical(竖直)

 

 

 3、线性布局的权重
  当有些时候，我们需要平均地给孩子分配宽度或高度，我们就可以使用权重；
  有时候不平均，但点占的宽或高成比例，我们也可以使用权重。
  android:layout_width="0th"
  android:layout_weight="1"
  将宽度设为零，权重设为1，即可平均。
  权重就是把所有的数字加起来，上面的占的比例就是大小的比例。

  二、相对布局RelativeLayout
 1、相对布局相对于父控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="中间" />

    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="右上角" />

    <Button
        android:id="@+id/button7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="左上角" />

    <Button
        android:id="@+id/button8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:text="左下角" />

    <Button
        android:id="@+id/button9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:text="右下角" />

</RelativeLayout>

 

 

 

 2、相对布局相对于同级控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/center_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="中间" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/center_button"
        android:text="我在中间的右边"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@id/center_button"
            android:text="我在中间的左边"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_above="@id/center_button"
        android:text="我在中间的上面"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/center_button"
        android:text="我在中间的下面"/>
</RelativeLayout>

 

 三、其它布局

1、绝对布局AbsoluteLayout
   依靠x、y控制自己的位置

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">


    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="147dp"
        android:layout_y="167dp"
        android:text="Button" />

    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="61dp"
        android:layout_y="279dp"
        android:text="Button" />
</AbsoluteLayout>

 

 

 

 2、表格布局TableLayout

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
           
            android:text="1" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="2" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="3" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="4" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="5" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="6" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="7" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="8" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="9" />
    </TableRow>
</TableLayout>

 

3、帧布局FrameLayout

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  <View
      android:layout_width="100dp"
      android:layout_height="100dp"
      android:layout_gravity="center"
      android:background="#ff00"
      />
</FrameLayout>

 

 四、布局中常用的单位
1、像素单位px
  像素单位不建议使用，除非是手表，或者机顶盒

2、适配单位dp
 推荐使用，因为可以实现适配
 以160dp为基准，1dp=1px
3、字体单位sp  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <View
        android:layout_width="540px"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:background="#ff00"
        />
    <View
        android:layout_width="205dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:background="#00ff00"
        />
</LinearLayout>