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

android Activity布局初步(三)- 相对布局

阅读更多
Activity布局初步(三)- 相对布局
1、 相对布局的基本概念
一个控件的位置它决定于它和其他控件的关系,好处:比较灵活;缺点:掌握比较复杂。
2、 相对布局常用属性介绍
这里将这些属性分成4个组,便于理解和记忆。
a)、以下4个属性设置控件与之间的关系和位置



但是上面4个属性并没有设置各个控件之间是否对齐。
示例1:将控件A放置在控件B的上面,则使用android:layout_above属性,控件布局的效果可以有以下这么两种情况。
1、 控件A与控件B对齐,并且控件A是在控件B的上面。
2、 控件A没有与控件B对齐,但是控件A又确实是在控件B的上面。




b)、以下5个属性,设置的是控件与控件之间对齐的方式(是顶部、底部还是左、右对齐)。



示例2:在示例1的基础上,设置控件A放置在控件B的上面,使用android:layout_above属性,并且控件A的左边边缘与控件B的左边边缘对齐,使用android:layout_alignLeft属性。



c)、以下4个属性设置控件与父控件之间对齐的方式(是顶部、底部还是左、右对齐)。



d)、以下4个属性设置控件的方向。



可以通过组合这些属性来实现各种各样的布局。
注:以上属性和其他更多属性的作用都能在android的帮助文档中找到;

示例3:假如要实现一个如下图这样布局的程序


如果这样的布局要使用LinearLayout的话会比较麻烦和复杂,
1、 首先需要一个垂直布局方向的LinearLayout,包裹所有的控件;
2、 然后在第一个LinearLayout中嵌套一个垂直方向的LinearLayout,放在上部分,在这个LinearLayout中放入一个TextView和EditText;
3、 最后还是在第一个LinearLayout中嵌套一个水平方向的LinearLayout,放在第一个LinearLayout的下部分,在这个LinearLayout中放入两个Button,并且还得让它们居右。
可参考下图:



如果使用RelativeLayout会要简单很多,下面为main.xml的代码。
<?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="wrap_content"
	android:padding="10px"
	>
	<TextView
		android:id="@+id/lable"
		android:text="Type here:"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
	/>
	
	<EditText
		android:id="@+id/entry"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:background="@android:drawable/editbox_background"
		android:layout_below="@id/lable"
	/>
	
	<Button
		android:id="@+id/ok"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="OK"
		android:layout_below="@id/entry"
		android:layout_marginLeft="10px"
		android:layout_alignParentRight="true"
	/>
	
	<Button
		android:id="@+id/cancel"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_toLeftOf="@id/ok"
		android:layout_alignTop="@id/ok"
		android:text="Cancel"
	/>
</RelativeLayout>

示例3已上传到附件,有需要的可下载。
至于示例1、示例2就需要各位自己亲手敲敲代码咯~
  • 大小: 5.5 KB
  • 大小: 71.3 KB
  • 大小: 6.1 KB
  • 大小: 60.8 KB
  • 大小: 5.8 KB
  • 大小: 43.1 KB
  • 大小: 33.4 KB
  • 大小: 29.1 KB
  • 大小: 41.6 KB
7
0
分享到:
评论

相关推荐

    android Activity布局初步(二)- 嵌套布局

    在"android Activity布局初步(二)- 嵌套布局"这篇博文中,作者可能介绍了如何在一个布局文件中包含另一个布局,从而实现视图的层次结构。这种技术被称为嵌套布局,可以创建具有多个视图组(如LinearLayout、...

    android Activity布局初步(一)- 线性、表格布局

    通过嵌套线性布局、表格布局和其他布局(如帧布局、相对布局等),可以创建出丰富的用户界面。同时,Android Studio提供的布局编辑器和预览功能使得布局设计变得更加直观和便捷。 总结起来,线性布局和表格布局是...

    android-android-ui-design-patterns.rar_Android UI Design_Android

    3. **布局管理器**:Android提供了多种布局管理器,如LinearLayout、RelativeLayout、GridLayout和ConstraintLayout等,用于控制视图在屏幕上的排列方式。ConstraintLayout是目前推荐的布局,它允许更灵活的约束布局...

    Android中Activity布局范例解析

    本篇文章将深入解析Android中的三种主要布局——LinearLayout、TableLayout和RelativeLayout,并结合具体的范例来阐述它们的用法和特点,为初学者提供实践指导。 1. **LinearLayout**:线性布局是最基础的布局方式...

    Android课程实验-线性布局实验-限制布局实验-表格布局实验-自制的浏览器.zip

    在本压缩包“Android课程实验-线性布局实验-限制布局实验-表格布局实验-自制的浏览器.zip”中,包含了多个Android开发相关的实验项目,这些项目涵盖了Android UI设计的基础元素和核心概念。以下是对每个实验项目的...

    高教类课件:Android应用程序设计--AndroidStudio版

    2. **用户界面设计**:使用XML布局文件创建各种视图组件,如TextView、Button、ImageView等,并掌握约束布局、相对布局、线性布局等布局管理器的使用。 3. **数据存储**:介绍SQLite数据库的应用,以及...

    Android线性布局和相对布局的界面效果

    线性布局(LinearLayout)和相对布局(RelativeLayout)是Android中两种最常用的布局管理器,用于控制应用程序界面中各个组件的排列和对齐方式。本篇文章将深入探讨这两种布局,并通过实例展示它们在实际应用中的...

    Android xml布局文件生成工具

    "新版Android开发教程+笔记十一--可视化UI设计DroidDraw.pdf"可能是关于如何使用DroidDraw进行UI设计的教程文档,涵盖了使用DroidDraw的基本操作和技巧,包括如何创建活动(Activity)、设置控件属性、组织布局结构...

    Android开发 相对布局练习

    相对布局(RelativeLayout)是Android提供的一种布局方式,它允许视图相对于其他视图进行定位,从而实现灵活多样的界面设计。本练习项目是一个简单的石头剪刀布游戏,通过使用相对布局,初学者可以深入理解其工作...

    Activity中用代码动态加载布局

    确保`parent_layout`是你的Activity布局中的一个真实ID。 4. 访问和操作View:一旦布局被加载,你可以通过其ID找到并操作具体的View元素: ```java TextView textView = dynamicView.findViewById(R.id.text_view_...

    android界面布局详解

    Android提供了多种布局类型,如LinearLayout(线性布局,水平或垂直排列)、RelativeLayout(相对布局,基于相对位置放置组件)、FrameLayout(帧布局,按顺序叠加组件)、TableLayout(表格布局)等。每种布局都有...

    ANDROID-Activity--exit.zip_android

    在Android应用开发中,Activity是Android四大组件之一,它是用户界面的主要载体,承载着应用程序的主要交互逻辑。在深入探讨"ANDROID-Activity--exit.zip_android"这个主题之前,我们需要理解Activity的基本概念及其...

    认识Android布局文件

    布局文件定义了应用程序界面的结构,包括它所包含的控件、控件间的相对位置以及界面的整体视觉表现。通过理解和熟练运用布局文件,开发者能够创建出用户友好的、具有吸引力的交互界面。 ### 一、初步认识布局文件 ...

    Android应用程序四大组件之Activity入门(Demo)

    此外,Android Studio提供了许多工具和特性来简化Activity的开发,比如布局编辑器、代码自动完成、调试工具等,帮助开发者更高效地构建应用程序。 总之,Activity是Android应用的核心组成部分,理解和掌握其生命...

    Android程序源码--代码布局

    在Android应用开发中,代码布局是至关重要的一个环节。它涉及到UI设计、用户交互以及程序逻辑的组织。本文将深入探讨Android程序源码中的代码布局,包括XML布局文件、Java/Kotlin代码与布局的交互、以及如何优化布局...

    AndroidActivity跳转动画

    在Android应用开发中,Activity是应用程序的基本组成部分,用于展示用户界面和处理用户交互。Activity间的跳转动画在提升用户体验方面起着至关重要的作用。本文将深入探讨5.x之前和5.x之后Android系统中Activity跳转...

    Android实训1-动物连连看游戏界面制作-线性布局-drawable-hdpi资源

    最后,别忘了在代码中加载并使用这个布局,例如在Activity的`onCreate()`方法中调用`setContentView(R.layout.your_layout)`。这样,你就可以在Android模拟器或真实设备上运行你的连连看游戏,查看并测试界面显示...

Global site tag (gtag.js) - Google Analytics