Android布局_相对布局RelativeLayout

一、RelativeLayout(相对布局)概述

  RelativeLayout是相对布局控件,它包含的子控件将以控件之间的相对位置或者子类控件相对父类容器的位置的方式排列

二、RelativeLayout(相对布局)的属性

  1、子类控件在RelativeLayout中常用到的属性(相对于父容器的一个位置)

    android:layout_alignParentLeft = "true"  子类控件相对当前父类容器靠左边(默认)

    android:layout_alignParentTop = "true"  子类控件相对父容器靠上边

    android:layout_alignParentRight="true"    子类控件相对父容器靠右边
    android:layout_alignParentBottom="true"    子类控件相对父容器靠下边

    android:layout_margin="20dp"      子类控件距离父类容器四边的距离

    android:layout_marginLeft = "41dp"    子类控件距离父类容器左边的距离

    android:layout_marginTop = "41dp"    子类控件距离父类容器上边的距离

    android:layout_marginBottom = "41dp"    子类控件距离父类容器下边的距离

    android:layout_marginRight = "41dp"    子类控件距离父类容器右边边的距离

    android:layout_centerInParent = "true"   子类控件相对父容器即水平居中有垂直居中

    android:layout_centerHorizontal = "true"   子类控件相对父容器水平居中 

    android:layout_centerVertical = "true"    子类控件相对父容器垂直居中

  2、子类控件相对于子类控件的一个位置

    android:layout_below = "@+id/button1"    该控件位于给定id控件的底部

    android:layout_toRightOf = "@+id/button1"     该控件位于给定id控件的右边

    android:layout_above = "@+id/button1"     该控件位于给定id控件的上面

    android:layout_toLeftOf = "@+id/button1"     该控件位于给定id控件的左边

    android:layout_alignBaseline = "@+id/button1"    该控件的内容与给定id控件的内容在一条线上

    android:layout_alignBottom    该控件的底部边缘与给定id控件的底部边缘对齐

    android:layout_alignLeft    该控件的底部边缘与给定id控件的左部边缘对齐

    android:layout_alignRight    该控件的底部边缘与给定id控件的右部边缘对齐

    android:layout_alignTop    该控件的底部边缘与给定id控件的顶部边缘对齐

、RelativeLayout(相对布局)使用例子

    在商城中通常会有这样的布局,一个图片  右边有几条信息

     

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="26dp"
        android:layout_marginTop="26dp"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/imageView1"
        android:layout_marginLeft="24dp"
        android:layout_toRightOf="@+id/imageView1"
        android:text="狗不理包子" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:text="20元" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView1"
        android:layout_alignLeft="@+id/textView2"
        android:text="有贵又不好吃" />

</RelativeLayout>
时间: 2024-10-03 19:23:28

Android布局_相对布局RelativeLayout的相关文章

Android布局_网格布局GirdLayout

自Android4.0版本后新增的GirdLayout网格布局(API 14) <?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_heigh

Android布局_表格布局TableLayout

一.TableLayout概述 TableLayout表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象 二.TableLayout的全局属性  1.android:collapseColumns = "1,2" 隐藏从0开始索引列,列直接必须ongoing逗号隔开:1,2,5 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android&

Android布局_帧布局FrameLayout

一.FrameLayout布局概述 在这个布局中,所有的子元素都不能被指定放置的位置,他们统统放于这块区域的左上角,并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡  如下面的效果: <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height

Android五种布局方式——LinearLayout、RelativeLayout、TableLayout....(四)

Android五种布局方式--LinearLayout.RelativeLayout .TableLayout.... Android使用XML声明界面布局 将程序的表现层和控制层分离 修改用户界面时,无需更改程序的源代码 可视化工具设计用户界面 Android五种布局方式 LinearLayout线性布局 AbsoluteLayout坐标布局 RelativeLayout相对布局 FrameLayout帧布局 TableLayout表格布局 GridLayout 1.LinearLayout线

浅谈Android五大布局(二)——RelativeLayout和TableLayout

在浅谈Android五大布局(一)中已经描述了LinearLayout(线性布局).FrameLayout(单帧布局)和AbsoulteLayout(绝对布局)三种布局结构,剩下的两种布局RelativeLayout(相对布局)和TableLayout(表格布局)相对之前布局结构稍显复杂一点,所以这里另起篇幅进行介绍. RelativeLayout: RelativeLayout按照各子元素之间的位置关系完成布局.在此布局中的子元素里与位置相关的属性将生效.例如android:layout_be

Android五大布局之一相对布局(RelativeLayout)

一.RelativeLayout(相对布局)重点: 在没有指点位置的情况下,RelativeLayout会默认生成控件的位置是左上角 所以必须需要添加属性android:id="@+id/name"定义控件的名称,其他控件就可以通过@id/name找到它进行相对布局 二.RelativeLayout(相对布局)相关的属性: 三.例子 1.首先先创建一个RelativeLayout的XML文件 代码如下: 1 <?xml version="1.0" encodi

浅谈Android五大布局(二)——RelativeLayout和TableLayout【转】

http://www.cnblogs.com/wisekingokok/archive/2011/08/24/2152004.html 在浅谈Android五大布局(一)中已经描述了LinearLayout(线性布局).FrameLayout(单帧布局)和AbsoulteLayout(绝对布局)三种布局结构,剩下的两种布局RelativeLayout(相对布局)和TableLayout(表格布局)相对之前布局结构稍显复杂一点,所以这里另起篇幅进行介绍. RelativeLayout: Relat

Android精通:TableLayout布局,GridLayout网格布局,FrameLayout帧布局,AbsoluteLayout绝对布局,RelativeLayout相对布局

在Android中提供了几个常用布局: LinearLayout线性布局 RelativeLayout相对布局 FrameLayout帧布局 AbsoluteLayout绝对布局 TableLayout表格布局 GridLayout网格布局 TableLayout表格布局 TableLayout的介绍 TableLayout是将子类向分别排列成行和列的布局视图容器,TableLayout是由许多TableRow对象组成的,表格布局以行列的形式管理子控件,每一个单元是一个TableRow或者Vie

【Android】利用相对布局布置更新软件的style为主题对话框的Activity,利用layout_weight属性对表格布局的行划分

Android布局中,同样可以与网页的div布局,用百分比来指定宽度.同样也可以像vb,c#,或者网页中的absolute布局一样,利用style为主题对话框的Activity整出模态窗口.比如,如下图所示的布局,在现在各类的安卓应用中很常见的.同时,设定在这个安卓程序一开始就弹出一个更新软件的Activity.那该如何完成呢? 1.首先,先到res\values\string.xml中布置好各个组件的字体,当然你可以边做安卓工程边添加.命名的时候有一定的规则,指明这个字体,是在哪个Activi