`
7090
  • 浏览: 278540 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

(转)Android Layout 之 RelativeLayout,代码实现相对布局

 
阅读更多
使用 AbsoluteLayout 可以直接指定其子 View 的绝对位置, 这种布局方式虽然简单,但是不够灵活。比如在一个程序中,按钮2 位于 按钮1 的下方且和 按钮1 左对齐,我们可以使用指定两个按钮的绝对位置的方式布局,但是当布局完成后,由于某些原因,这两个按钮需要相左平移一些距离以便在父 View 右边留出一些空白区域,那么我们就需要同时修改 按钮1 和 按钮2 的 layout params。如果布局更复杂一些呢?这样“牵一发而动全身”的布局模式恐怕不是那么友好吧?
  RelativeLayout,顾名思义,就是以“相对”位置/对齐 为基础的布局方式。android.widget.RelativeLayout 有个 继承自android.view.ViewGroup.LayoutParams 的内嵌类 LayoutParams,使用这个类的实例调用 RelativeLayout.addView 就可以实现“相对布局”。

  android.widget.RelativeLayout.LayoutParams 有一个构造函数:RelativeLayout.LayoutParams(int w, int h),参数指定了子 View 的宽度和高度,这一点和其父类是一样的。而实现相对布局的关键在它的 两个 addRule 方法上。anchor 参数指定可以是 View 的 id(“相对于谁”)、RelativeLayout.TRUE(启用某种对齐方式) 或者 是-1(应用于某些不需要 anchor 的 verb);AddRule 方法的 verb 参数指定相对的“动作”(以下常量均定义于 android.widget.RelativeLayout中,为了简便不给出其全名):

  ALIGN_BOTTOM、ALIGN_LEFT、 ALIGN_RIGHT、 ALIGN_TOP: 本 View 的 底边/左边/右边/顶边 和 anchor 指定的 View 的 底边/左边/右边/顶边 对齐。
ALIGN_PARENT_BOTTOM 、ALIGN_PARENT_LEFT 、 ALIGN_PARENT_RIGHT 、 ALIGN_PARENT_TOP : 和上面一组常量类似,只不过不需要再指定 anchor, 其 anchor 自动为 Parent View。
CENTER_HORIZONTAL、CENTER_IN_PARENT 、CENTER_VERTICAL : 如果 anchor 为 TRUE,在 Parent 中 水平居中/水平和垂直均居中/垂直居中。
POSITION_ABOVE 、POSITION_BELOW 、 POSITION_TO_LEFT 、POSITION_TO_RIGHT : 本 View 位于 anchor 指定的 View 的 上边/下边/左边/右边。

  看一个例子:

package com.farproc.RLTest;

import android.app.Activity;
import android.os.Bundle;
import android.widget.*;
import android.view.*;

public class RLTest extends Activity {
 
    private RelativeLayout rl;
 
    private Button btn1;
    private Button btn2;
    private Button btn3;
    private Button btn4;
 
    private static final int ID_BTN1 = 1;
    private static final int ID_BTN2 = 2;
    private static final int ID_BTN3 = 3;
    private static final int ID_BTN4 = 4;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
     
        rl = new RelativeLayout(this);
     
        btn1 = new Button(this);
        btn1.setText("----------------------");
        btn1.setId(ID_BTN1);
      
        RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        lp1.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
        lp1.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);
        // btn1 位于父 View 的顶部,在父 View 中水平居中
        rl.addView(btn1, lp1 );
     
        btn2 = new Button(this);
        btn2.setText("|\n|\n|\n|\n|\n|");
        btn2.setId(ID_BTN2);
     
        RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        lp2.addRule(RelativeLayout.POSITION_BELOW, ID_BTN1);
        lp2.addRule(RelativeLayout.ALIGN_LEFT, ID_BTN1);
        // btn2 位于 btn1 的下方、其左边和 btn1 的左边对齐
        rl.addView(btn2, lp2);
     
        btn3 = new Button(this);
        btn3.setText("|\n|\n|\n|\n|\n|");
        btn3.setId(ID_BTN3);
     
        RelativeLayout.LayoutParams lp3 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
       lp3.addRule(RelativeLayout.POSITION_BELOW, ID_BTN1);
        lp3.addRule(RelativeLayout.POSITION_TO_RIGHT, ID_BTN2);
        lp3.addRule(RelativeLayout.ALIGN_RIGHT, ID_BTN1);
        // btn3 位于 btn1 的下方、btn2 的右方且其右边和 btn1 的右边对齐(要扩充)
        rl.addView(btn3,lp3);
     
        btn4 = new Button(this);
        btn4.setText("--------------------------------------------");
        btn4.setId(ID_BTN4);
     
        RelativeLayout.LayoutParams lp4 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        lp4.addRule(RelativeLayout.POSITION_BELOW, ID_BTN2);
        lp4.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);
        // btn4 位于 btn2 的下方,在父 Veiw 中水平居中
        rl.addView(btn4,lp4);
     
     
        setContentView(rl);
    }
}

原文:http://zhangkun716717-126-com.iteye.com/blog/763546
[size=medium][/size]
分享到:
评论

相关推荐

    Android_Layout_之_RelativeLayout_代码实现相对布局

    Android 中的 RelativeLayout 代码实现相对布局 Android 中的 RelativeLayout 是一种基于相对位置的布局方式,它可以让开发者更方便地实现复杂的界面布局。相比于 AbsoluteLayout,RelativeLayout 提供了更加灵活和...

    Android中使用RelativeLayout完成的梅花布局教学案例任务说明.pdf

    在Android开发中,界面设计是至关重要的一个环节,而`RelativeLayout`是Android提供的一种布局管理器,它允许我们在界面上灵活地安排各个组件的位置,基于它们之间的相对位置关系。本篇教学案例旨在通过一个梅花布局...

    界面布局之相对布局RelativeLayout(代码)

    相对布局(RelativeLayout)是Android SDK提供的一种布局方式,它允许视图组件相对于其他组件或布局的边缘进行定位,从而实现灵活的界面设计。在本教程中,我们将深入探讨相对布局及其在代码中的实现。 首先,相对...

    相对布局之RelativeLayout

    在Android应用开发中,`RelativeLayout`是Android布局体系中非常重要的一种布局方式,它以其灵活性和强大的定位能力受到开发者们的喜爱,特别是在游戏开发、相机应用以及增强现实(AR)项目中,`RelativeLayout`更是...

    Android 相对布局 RelativeLayout 属性

    - **`android:layout_centerHorizontal`** 和 **`android:layout_centerVertical`**:这两个属性分别用于使视图在水平方向或垂直方向上居中,非常适合创建对称的布局设计。 - **`android:layout_centerInParent`**...

    android布局属性RelativeLayout详解.

    Android 布局属性 RelativeLayout 是 Android 中常用的布局方式之一,通过它可以实现复杂的界面布局。下面是 RelativeLayout 的主要属性详解: 第一类:属性值为 true 或 false 1. android:layout_...

    Android中使用RelativeLayout完成梅花布局的代码清单.pdf

    总的来说,Android的RelativeLayout允许开发者以相对方式定位视图,实现复杂多变的界面设计。通过灵活运用其属性,我们可以创造出诸如梅花布局等各种独特的界面效果。在实际项目中,开发者可以根据需求调整和优化...

    Android 五种Layout 布局

    本文将深入探讨Android的五种主要布局:LinearLayout、RelativeLayout、FrameLayout、GridLayout以及ConstraintLayout,并通过示例代码进行解析。 1. **LinearLayout**:线性布局是最基础的布局类型,它按照垂直或...

    Android相对布局RelativeLayout的基本用法

    在Android开发中,布局管理器是构建用户界面的关键组件,其中`RelativeLayout`是最常用和灵活的布局之一。本文将深入探讨`RelativeLayout`的基本用法,包括它的特点、优点以及如何在XML布局文件中配置和使用它。 `...

    Android中使用RelativeLayout布局完成的登录练习题要求说明.pdf

    在Android应用开发中,界面设计是至关重要的一步,而`RelativeLayout`是Android提供的一种常用的布局管理器,它允许我们以相对的方式定位各个UI组件。这篇练习题旨在帮助开发者熟悉并掌握`RelativeLayout`的使用方法...

    Android布局之RelativeLayout相对布局

    `RelativeLayout`是Android提供的一种布局管理器,它允许开发者根据控件之间的相对位置或者相对于父容器的位置来安排UI元素。这种布局方式灵活且易于实现复杂的界面设计,尤其适用于需要精确控制元素相互关系的场景...

    Android 相对布局实例

    在Android开发中,布局管理器是构建用户界面的关键部分,其中相对布局(RelativeLayout)是一种常见的布局方式。相对布局允许我们根据各个视图之间的相对位置来安排它们,这为设计复杂且灵活的用户界面提供了可能。...

    RelativeLayout相对布局属性

    ### RelativeLayout相对布局属性详解 在Android开发中,`RelativeLayout`是一种非常常见的布局方式,它允许开发者根据父容器或兄弟视图来定义子视图的位置。本文将详细介绍`RelativeLayout`的各种属性及其使用方法...

    Android布局控件之RelativeLayout详解

    `RelativeLayout`作为Android提供的几种基本布局之一,通过定义视图间的相对位置来构建用户界面,这种方式非常灵活,能够很好地满足复杂的UI需求。 #### 二、RelativeLayout简介 `RelativeLayout`是一种常见的布局...

    Android学习笔记14:相对布局管理器RelativeLayout

    5. **android:layout_above** 和 **android:layout_below**:视图可以设置在另一个视图之上或之下,这在构建垂直排列的元素时非常有用。 6. **android:layout_centerInParent**:这个属性用于使视图在父布局中居中...

    android_relativeLayout_demo

    在Android开发中,布局管理器是构建用户界面的关键部分,其中`RelativeLayout`是常见的布局之一。`RelativeLayout`允许开发者以相对的方式安排各个视图(View)元素,这意味着一个视图的位置可以相对于另一个视图,...

    Android Layout样式布局

    ### Android Layout样式布局详解 #### 一、概述 在Android应用开发中,界面设计是非常重要的一环,而界面设计的核心就是布局(Layout)。布局决定了应用界面的结构与外观,是用户体验好坏的重要因素之一。本文将...

    Android 五大布局之(一) 线性布局和相对布局

    在相对布局中,子视图的位置相对于其他子视图或父布局的边缘来确定,通过`android:layout_alignParentTop`、`android:layout_toRightOf`等属性实现。这种布局方式可以创建非线性的、相互依赖的界面结构,使得设计...

    【Android Studio代码】相对布局

    用Android Studio 2.3.3做的相对布局例子,主要用到的标签有:<RelativeLayout></RelativeLayout>;主要用到的设置有android:id、android:layout_below、android:layout_alignParentRight和android:layout_toLeftOf...

Global site tag (gtag.js) - Google Analytics