首页 > 代码库 > Android的学习第六章(布局二--RelativeLayout)
Android的学习第六章(布局二--RelativeLayout)
今天我们来说一下Android布局中的Relativelayout布局(相对布局)
根据英译过来意思是相对布局,很容易理解,这一样布局使用的是元素与元素之间的微调做到布局的
含义:通过元素与元素之间的微调进行布局;
好处:可以进行细节上的处理
坏处:元素之间的关系过强,可能一个元素的改变其他元素的情况发生
我们看一下下面的一个代码布局案例
<!-- 第一个相对布局这里我们可以当做最大父元素 设置了宽度高度占满父元素 --> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.activitylife.MainActivity"> <!-- 第二个相对布局 这里设置了宽度占满父元素高度200dp背景色为蓝色 --> <RelativeLayout android:layout_width="match_parent" android:layout_height="200dp" android:background="@android:color/holo_blue_bright"></RelativeLayout> <!-- 第三个相对布局 这里设置了宽度占满父元素高度100dp背景色为绿色 --> <RelativeLayout android:layout_width="match_parent" android:layout_height="100dp" android:background="@android:color/holo_green_dark"></RelativeLayout> </RelativeLayout>
效果是:
我们将代码改一下
<!-- 第一个相对布局这里我们可以当做最大父元素 设置了宽度高度占满父元素 --> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.activitylife.MainActivity"> <!-- 第二个相对布局 这里设置了宽度占满父元素高度200dp背景色为蓝色 这里我们为第二个相对布局添加了一个id为rel1 --> <RelativeLayout android:id="@+id/rel1" android:layout_width="match_parent" android:layout_height="200dp" android:background="@android:color/holo_blue_bright"></RelativeLayout> <!-- 第三个相对布局 这里设置了宽度占满父元素高度100dp背景色为绿色 这里我们为第三个相对布局天添加了一个属性为 android:layout_below指的是当前的元素至于某个元素之下 我们将这个元素至于id为rel1元素的底部 --> <RelativeLayout android:layout_below="@id/rel1" android:layout_width="match_parent" android:layout_height="100dp" android:background="@android:color/holo_green_dark"></RelativeLayout> </RelativeLayout>
效果图
以上就是对相对布局的简单介绍了,希望能对大家有所帮助
Android的学习第六章(布局二--RelativeLayout)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。