Android之RelativeLayout相对布局
2014-12-14 15:47
302 查看
什么是RelativeLayout
RelativeLayout顾名思义,相对布局,在这个容器内部的子元素们可以使用彼此之间的相对位置或者和容器间的相对位置来进行定位。
注意:不能在RelativeLayout容器本身和他的子元素之间产生循环依赖。
与RelativeLayout相关的布局属性
android:layout_above 将该控件置于给定ID的控件之上
android:layout_below 将该控件的置于给定ID控件之下
android:layout_toLeftOf 将该控件置于给定ID的控件之左
android:layout_toRightOf 将该控件置于给定ID的控件之右
android:layout_alignBaseline 该控件基线对齐给定ID的基线
android:layout_alignBottom 该控件于给定ID的控件底部对齐
android:layout_alignLeft 该控件于给定ID的控件左对齐
android:layout_alignRight 该控件于给定ID的控件右对齐
android:layout_alignTop 该控件于给定ID的控件顶对齐
android:layout_alignParentLeft 如果为True,该控件位于父控件的左部
android:layout_alignParentRight 如果为True,该控件位于父控件的右部
android:layout_alignParentTop 如果为True,该控件位于父控件的顶部
android:layout_alignParentBottom 如果为True,该控件位于父控件的底部
android:layout_centerHorizontal 如果为True,该控件将被置于水平方向的中央
android:layout_centerInParent 如为Ture,该控件将被置于父控件水平方向和垂直方向
android:layout_centerVertical 如果为True,该控件将被置于垂直方向的中央
下面来实现这样一个简单的效果
先来分析一下这个布局
首先是一个test1
<TextView
android:id="@+id/tv1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test1"
android:background="#FF0000" />
然后,test2在test1的右边
<TextView
android:id="@+id/tv2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test22"
android:background="#00FF00"
android:layout_toRightOf="@id/tv1" />
test3在test1的下边,并且和test2右对齐
<TextView
android:id="@+id/tv3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test333"
android:background="#0000FF"
android:layout_below="@id/tv1"
android:layout_alignRight="@id/tv2" />
test4在父框架的底部
<TextView
android:id="@+id/tv4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test4444"
android:background="#FFFF00"
android:layout_alignParentBottom="true" />
test5在父框架的水平垂直中央
<TextView
android:id="@+id/tv5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test55555"
android:background="#FF00FF"
android:layout_centerInParent="true" />
test6在父框架的底部右边
<TextView
android:id="@+id/tv6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test666666"
android:background="#00FFFF"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true" />
好了,关于Android之RelativeLayout相对布局就简单尝试到这里了,以后我们在开发布局过程中可以根据需要选择设置适当的属性,谢谢!
RelativeLayout顾名思义,相对布局,在这个容器内部的子元素们可以使用彼此之间的相对位置或者和容器间的相对位置来进行定位。
注意:不能在RelativeLayout容器本身和他的子元素之间产生循环依赖。
与RelativeLayout相关的布局属性
android:layout_above 将该控件置于给定ID的控件之上
android:layout_below 将该控件的置于给定ID控件之下
android:layout_toLeftOf 将该控件置于给定ID的控件之左
android:layout_toRightOf 将该控件置于给定ID的控件之右
android:layout_alignBaseline 该控件基线对齐给定ID的基线
android:layout_alignBottom 该控件于给定ID的控件底部对齐
android:layout_alignLeft 该控件于给定ID的控件左对齐
android:layout_alignRight 该控件于给定ID的控件右对齐
android:layout_alignTop 该控件于给定ID的控件顶对齐
android:layout_alignParentLeft 如果为True,该控件位于父控件的左部
android:layout_alignParentRight 如果为True,该控件位于父控件的右部
android:layout_alignParentTop 如果为True,该控件位于父控件的顶部
android:layout_alignParentBottom 如果为True,该控件位于父控件的底部
android:layout_centerHorizontal 如果为True,该控件将被置于水平方向的中央
android:layout_centerInParent 如为Ture,该控件将被置于父控件水平方向和垂直方向
android:layout_centerVertical 如果为True,该控件将被置于垂直方向的中央
下面来实现这样一个简单的效果
先来分析一下这个布局
首先是一个test1
<TextView
android:id="@+id/tv1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test1"
android:background="#FF0000" />
然后,test2在test1的右边
<TextView
android:id="@+id/tv2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test22"
android:background="#00FF00"
android:layout_toRightOf="@id/tv1" />
test3在test1的下边,并且和test2右对齐
<TextView
android:id="@+id/tv3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test333"
android:background="#0000FF"
android:layout_below="@id/tv1"
android:layout_alignRight="@id/tv2" />
test4在父框架的底部
<TextView
android:id="@+id/tv4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test4444"
android:background="#FFFF00"
android:layout_alignParentBottom="true" />
test5在父框架的水平垂直中央
<TextView
android:id="@+id/tv5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test55555"
android:background="#FF00FF"
android:layout_centerInParent="true" />
test6在父框架的底部右边
<TextView
android:id="@+id/tv6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test666666"
android:background="#00FFFF"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true" />
好了,关于Android之RelativeLayout相对布局就简单尝试到这里了,以后我们在开发布局过程中可以根据需要选择设置适当的属性,谢谢!
相关文章推荐
- Android布局之RelativeLayout(相对布局)
- Android开发布局三_相对布局(RelativeLayout)
- android RelativeLayout(相对布局)详细说明
- Android RelativeLayout布局的相对布局
- Android RelativeLayout相对布局属性简析
- Android RelativeLayout(相对布局)
- android之RelativeLayout(相对布局)
- Android RelativeLayout 相对布局解析
- android RelativeLayout(相对布局)常用属性
- Android应用开发之RelativeLayout (相对布局)+梅花效果案例
- Android开发视频教程之十一(Activity布局初步三:相对布局RelativeLayout)
- Android RelativeLayout布局的相对布局
- android相对布局(RelativeLayout)属性详解
- [转]Android布局之RelativeLayout(相对布局)
- Android布局之RelativeLayout(相对布局)
- android 布局之RelativeLayout(相对布局)
- Android 1.5和Android 2.1在相对布局(RelativeLayout)上的区别
- Android入门之相对布局(RelativeLayout)
- Android学习笔记之RelativeLayout(相对布局),android ListView 几个重要属性
- android布局之相对布局(RelativeLayout)