详解android四种布局之RelativeLayout

原创 2016年08月30日 23:27:01

第二种布局: RelativeLayout

    RelativeLayout又称作相对布局,也是一种非常常用的布局。,它可以通过相对定位的方式让控件出现在布局 的任何位置。也正因为如此,RelativeLayout中的属性非常多,不过这些属性都是有规律可 循的,其实并不难理解和记忆。

1. RelativeLayout相对父布局进行定位

1.1 xml文件代码

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

    <Button 
        android:id="@+id/button1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentTop="true" 
        android:text="Button 1" />

    <Button 
        android:id="@+id/button2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true" 
        android:layout_alignParentTop="true" 
        android:text="Button 2" />

    <Button 
        android:id="@+id/button3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true" 
        android:text="Button 3" />

    <Button 
        android:id="@+id/button4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true"    
        android:layout_alignParentLeft="true" 
        android:text="Button 4" /> 

    <Button 
        android:id="@+id/button5" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true" 
        android:layout_alignParentRight="true" 
        android:text="Button 5" /> 
</RelativeLayout>

1.2 RelativeLayout布局时控件可使用的属性说明:

1.2.1 android:layout_centerInParent=”true” 在父布局的正中央

1.2.2 android:layout_alignParentBottom=”true” 在父布局的底端

1.2.3 android:layout_alignParentTop=”true” 在父布局的顶端

1.2.4 android:layout_alignParentRight=”true” 在父布局的右端

1.2.5 android:layout_alignParentLeft=”true” 在父布局的左端

注意:单一对齐方式出现时,Right和Left只在顶端出现,Botton和Top只在底端出现

1.3 效果:

这里写图片描述


2. RelativeLayout相对其他控件布局

2.1 以下为xml文件的代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <Button 
        android:id="@+id/button3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true" 
        android:text="Button 3" />

    <Button 
        android:id="@+id/button1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_above="@id/button3" 
        android:layout_toLeftOf="@id/button3" 
        android:text="Button 1" />

    <Button 
        android:id="@+id/button2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_above="@id/button3" 
        android:layout_toRightOf="@id/button3" 
        android:text="Button 2" />

    <Button 
        android:id="@+id/button4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/button3" 
        android:layout_toLeftOf="@id/button3" 
        android:text="Button 4" />

    <Button 
        android:id="@+id/button5"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/button3" 
        android:layout_toRightOf="@id/button3" 
        android:text="Button 5" />
</RelativeLayout>

2.2 RelativeLayout布局时,控件可使用属性说明:

2.2.1 android:layout_above=”@id/button3” 在button3控件上方

2.2.2 android:layout_below=”@id/button3” 在button3控件下方

2.2.3 android:layout_toRightOf=”@id/button3” 在button3控件右方

2.2.4 android:layout_toLeftOf=”@id/button3” 在button3控件左方

2.2.5 注意:单一出现时,toLeftOf和toRightOf分别在button3左右两边的最上方,above和below分别在button3的上下两边的最左边

2.3 效果:

2.3.1 完整

完整

2.3.1 单一左边:layout_toLeftOf=”@id/button3”

单一左边

2.3.3 单一上边:layout_above=”@id/button3”

单一上边

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Android 四种基本布局LinearLayout、RelativeLayout、FrameLayout、TableLayout

LinearLayout 我们称其为线性布局,也是我们最常用的布局。此布局会把它所包含的控件在线性方向上依次排列。那决定是水平排列还是垂直排列就要依靠android:orientation属性来决...

android布局属性RelativeLayout详解.

  • 2013年06月17日 14:51
  • 26KB
  • 下载

Android实现计算器布局(四种布局方式)之RelativeLayout相对布局

RelativeLayout相对布局 其他三种 1.LinearLayout线性布局实现计算器界面布局 2.TableLayout表格布局实现计算器界面布局 3.GridLayo...
  • Julse
  • Julse
  • 2017年03月31日 20:09
  • 1084

Android - 布局详解之LinearLayout与RelativeLayout

本篇博文只针对LinearLayout与RelativeLayout 我们在新建一个布局文件时,一般遵循这样的思路:先确定该文件对应的界面中各个布局和控件的位置和大小,然后再来设置各个布局和...
  • H_W_G_T
  • H_W_G_T
  • 2016年04月22日 21:04
  • 617

Android布局控件之RelativeLayout详解

Android布局控件之RelativeLayout详解 RelativeLayout是相对布局,相对布局指的是某个组件的位置是相对于它所以来的组件的位置   android布局属性详解 ...

Android开发重点难点:RelativeLayout(相对布局)详解

Android开发重点难点:RelativeLayout(相对布局)详解

android:layout_alignleft layout_toleftof区别,详解RelativeLayout布局属性

转载请注明博客地址。 最近看博客看到有关于RelativeLayout布局的解释,有的解释很多是错误的。因此有必要对每一个常见的布局属性进行描述。以下解释全部都是逐行进行测试的。 首先把常用...

android布局属性详解(RelativeLayout属性)

android布局属性详解 RelativeLayout用到的一些重要的属性:        第一类:属性值为true或false      android:layout_center...

android布局属性详解 RelativeLayout

android布局属性详解 RelativeLayout RelativeLayout用到的一些重要的属性:        第一类:属性值为true或false      andr...

Android布局控件之RelativeLayout详解

Android布局控件之RelativeLayout详解 RelativeLayout是相对布局,相对布局指的是某个组件的位置是相对于它所以来的组件的位置   android布局属性详解 Rel...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:详解android四种布局之RelativeLayout
举报原因:
原因补充:

(最多只允许输入30个字)