LinearLayout(线性布局)中weight的难点

一、首先我们先用 RelativeLayout (相对布局)实现一个效果,如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.example.administrator.myapplication.MainActivity">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/rg_but"
        ></FrameLayout>
   <RadioGroup
       android:id="@+id/rg_but"
      android:layout_alignParentBottom="true"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">

       <RadioButton
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:button="@null"
           android:text="1"
            android:drawableTop="@mipmap/ic_launcher"
           android:gravity="center_horizontal"
           android:layout_weight="1"/>
       <RadioButton
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="2"
            android:drawableTop="@mipmap/ic_launcher"
           android:gravity="center_horizontal"
           android:button="@null"
           android:layout_weight="1"/>

       <RadioButton
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="3"
            android:drawableTop="@mipmap/ic_launcher"
           android:gravity="center_horizontal"
           android:button="@null"
           android:layout_weight="1"/>

       <RadioButton
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="4"
            android:drawableTop="@mipmap/ic_launcher"
           android:gravity="center_horizontal"
            android:button="@null"
           android:layout_weight="1"/>
   </RadioGroup>

</RelativeLayout>

效果图如下:

这里写图片描述

二、用LinearLayout 实现上述效果

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        ></FrameLayout>
    <RadioGroup
        android:id="@+id/rg_but"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             android:button="@null"
            android:text="1"
            android:drawableTop="@mipmap/ic_launcher"
            android:gravity="center_horizontal"
            android:layout_weight="1"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2"
            android:drawableTop="@mipmap/ic_launcher"
            android:gravity="center_horizontal"
            android:button="@null"
            android:layout_weight="1"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3"
            android:drawableTop="@mipmap/ic_launcher"
            android:gravity="center_horizontal"
             android:button="@null"
            android:layout_weight="1"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="4"
            android:drawableTop="@mipmap/ic_launcher"
            android:gravity="center_horizontal"
             android:button="@null"
            android:layout_weight="1"/>
    </RadioGroup>

</LinearLayout>

效果图如下:

这里写图片描述

上述代码实现的效果图与RelativeLayout效果是一样的,在LinearLayout布局中我们用的是weight属性实现了效果:
        android:layout_height="0dp"
        android:layout_weight="1"

由效果图可知在线性(LinearLayout)布局中,wdight的作用是将屏幕剩余空间按比例来进行分配的。如本题中 android:layout_weight=”1”表示讲除去RadioGroup部分的空间进行分配,1表示剩余的空间全部用FrameLayout来进行填充。这样便会实现上面的效果图

发布了34 篇原创文章 · 获赞 3 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/The_king_of_Asia/article/details/54580065