您的位置：首页 > 移动开发 > Android开发

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

2017-01-17 09:21 387 查看

一、首先我们先用 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
4000
="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来进行填充。这样便会实现上面的效果图
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  android 布局 relativelayout
相关文章推荐
新的分享
章节导航