接上文
相对布局管理器是基于一个参考点而言的布局管理器。就像Web开发中的相对路径的概念,是基于一定的参考点而创建的。在Android中的相对布局管理器就是在一个参考点的四周(上,下,左,右)布局的管理器。
下面来看一下RelativeLayout的文档:
它的继承结构为:
java.lang.Object
↳ android.view.View
↳ android.view.ViewGroup
↳ android.widget.RelativeLayout
下面在Eclipse中新建一个项目来看一下相对布局管理器RelativeLayout的使用:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageView
android:id="@+id/img1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />
<ImageView
android:id="@+id/img2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/google_plus"
android:layout_toRightOf="@+id/img1" />
</RelativeLayout>
我们在main.xml中将布局管理器声明为RelativeLayout,之后创建了两个ImageView组件用来显示两幅图片,其中在第二个ImageView组件上设置了layout_toRightOf属性,也就是设置相对于某组件的右侧,这里填入的是组件ID的值,那么这里也就是说我们的img2相对于img1的位置是右侧。下面运行程序,我们看到如下效果:
很明显,第二幅图片放置在了第一副图片的右侧,下面往代码中再加入一个TextView组件:
<TextView android:id="@+id/txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这里是一些显示文字"
android:layout_below="@+id/img2"/>
这个组件也很简单,我们设置了layout_below属性,说明要放置在第二幅图片的下面,那么运行程序,我们得到如下的显示效果:
没有问题,文字确实在第二幅片的下面了,但是却顶头显示了,如果第一副图片小于第二幅图片,是会产生覆盖效果的,我们调整位置来看一下,调整代码为:
<ImageView
android:id="@+id/img1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
android:layout_toRightOf="@+id/img2" />
<ImageView
android:id="@+id/img2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/google_plus" />
<TextView android:id="@+id/txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这里是一些显示文字"
android:layout_below="@+id/img1"/>
这里不再解释代码的含义,直接运行,我们看到:
文字覆盖第一副图片显示了,那么需要继续对它进行设置:
<TextView android:id="@+id/txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这里是一些显示文字"
android:layout_below="@+id/img1"
android:layout_toRightOf="@+id/img2"/>
再次运行程序,我们可以看到如下效果:
文字就在img1的下面并且在img2的右侧了。此时文字的下侧和img2的右侧还有一定空间,我们再放置一个Button组件:
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮"
android:layout_below="@+id/txt"
android:layout_toRightOf="@+id/img2"/>
再次运行程序,我们就得到了如下效果:
和其它布局管理器一样,我们可以通过Java代码来实现对相对布局管理器的控制,下面首先来看一下RelativeLayout.LayoutParams的文档:
其继承结构为:
java.lang.Object
↳ android.view.ViewGroup.LayoutParams
↳ android.view.ViewGroup.MarginLayoutParams
↳ android.widget.RelativeLayout.LayoutParams
只是在代码中控制相对布局管理器时需要设置一些规则,也就是我们上面看到的layout_toRightOf和layout_below等,下面来看一下代码:
package org.ourpioneer;
import android.app.Activity;
import android.os.Bundle;
import android.view.ViewGroup;
import android.widget.EditText;
import android.widget.RelativeLayout;
public class RelativeLayoutDemoActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.setContentView(R.layout.main);// 读取已有的布局管理器
RelativeLayout relativeLayout = (RelativeLayout) super
.findViewById(R.id.rLayout);// 获取相对布局管理器rLayout
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT,
ViewGroup.LayoutParams.FILL_PARENT);// 设置布局管理器参数
params.addRule(RelativeLayout.BELOW, R.id.btn);// 设置放置规则
EditText edit = new EditText(this);// 创建EditText组件
relativeLayout.addView(edit,params);
}
}
编写代码之前,我们需要在main.xml中为我们的布局管理器添加ID属性,也就是rLayout,之后我们可以在代码中对它进行控制,这里我们在已有的布局管理器之中继续添加组件,也就是要往按钮下放置一个编辑框,那么我们设置布局管理器参数都为FILL_PARENT,就是要填充整个屏幕,然后规则定位在btn的下侧,之后往布局管理器中添加组件,运行程序,我们就可以看到:
代码请参考附件
接下文
- 大小: 126.7 KB
- 大小: 53.4 KB
- 大小: 57.4 KB
- 大小: 56.5 KB
- 大小: 57.3 KB
- 大小: 60.9 KB
- 大小: 134.1 KB
- 大小: 63.8 KB
分享到:
相关推荐
Android学习笔记(九):Activity-RelativeLayout
Android 相对布局 RelativeLayout 属性
Android相对布局RelativeLayout的基本用法,相对布局是最实用的布局。
【Android开发学习25】界面布局之相对布局RelativeLayout(代码)
相对布局我最新喜欢的布局,也是game开发,照相机以及增钱现实中最常用的布局!
这个程序写了对相对布局和绝对布局的例子,帮助大家理解两者的使用和区别。
Android布局控件之RelativeLayout详解
Android中使用RelativeLayout完成梅花布局的代码清单.pdf 学习资料 复习资料 教学资源
Android移动应用开发相对布局RelativeLayout的特点.pdf 学习资料 复习资料 教学资源
RelativeLayout是相对布局控件:以控件之间相对位置或相对父容器位置进行排列,下面通过本文给大家介绍Android布局之RelativeLayout相对布局,涉及到android relativelayout相对布局相关知识,对android ...
android布局属性RelativeLayout详解.
总结android中相对布局RelativeLayout的所有属性及使用方法。适合初级程序员
用Android Studio 2.3.3做的相对布局例子,主要用到的标签有:<RelativeLayout></RelativeLayout>;主要用到的设置有android:id、android:layout_below、android:layout_alignParentRight和android:layout_toLeftOf...
相对布局(RelativeLayout):相对其它组件的布局方式。 绝对布局(AbsoluteLayout):按照绝对坐标来布局组件。 1. 线性布局 线性布局是Android开发中最常见的一种布局方式,它是按照垂直或者水平方向来布局...
相对布局RelativeLayout 表格布局Tablelayout 特点:以水平或垂直方向排列 特点:通过相对定位排列 特点:使用表格行列的方式来排列组件 帧布局Framelayout 特点:开辟空白区域,帧里的 控件(层)叠加 线性布局 线性...
《Android高薪之路:Android程序员面试宝典》目录: 第1章 Android入门 1 1 关于Android的非技术问题 1 1 1 为什么看好 Android 1 1 2 以前是否从事过Android的工作 做过哪些工作 1 1 3 你做的最复杂的界面是什么 1 ...
Android移动应用开发相对布局RelativeLayout的常用属性列表.pdf 学习资料 复习资料 教学资源
Android中使用RelativeLayout布局完成的登录练习题要求说明.pdf 学习资料 复习资料 教学资源