1.相对布局
相对布局由RelativeLayout代表,相对布局容器内子组件的位置总是相对兄弟组件、父容器来决定的,因此这种布局方式被称为相对布局。
如果A组件的位置是由B组件的位置来决定的,Android要求先定义B组件,再顶定义A组件。
RelativeLayout的XML属性及相关方法说明
XML属性 |
相关方法 |
说明 |
android:gravity |
setGravity(int) |
设置该布局容器内部各子组件的对齐方式 |
android:ignoreGravity |
setIgnoreGravity(int) |
设置哪个组件不受gravity组件的影响 |
RelativeLayout.LayoutParams里只能设为boolean值得属性
属性 |
说明 |
android:layout_centerHorizontal |
控制该子组件是否位于布局容器的水平居中位置 |
android:layout_centerVertical |
控制该子组件是否位于布局容器的垂直居中位置 |
android:layout_Inparent |
控制该子组件是否位于布局容器的中央位置 |
android:layout_alignParentBottom |
控制该子组件是否位于布局容器低端对齐 |
android:layout_alignParentLeft |
控制该子组件是否位于布局容器左边对齐 |
android:layout_alignParentRight
|
控制该子组件是否位于布局容器右边对齐 |
android:layout_alignParentTop |
控制该子组件是否位于布局容器顶端对齐 |
RelativeLayout.LayoutParams里只能设为其他UI组件ID的属性
XML属性 |
说明 |
android:layout_toRightOf |
控制该子组件位于给出ID组件的右侧 |
android:layout_toLeftOf |
控制该子组件位于给出ID组件的左侧 |
android:layout_above |
控制该子组件位于给出ID组件的上方 |
android:layout_below |
控制该子组件位于给出ID组件的下方 |
android:layout_alignTop |
控制该子组件位于给出ID组件的上边界对齐 |
android:layout_alignBottom |
控制该子组件位于给出ID组件的下边界对齐 |
android:layout_alignLeft |
控制该子组件位于给出ID组件的左边界对齐 |
android:layout_alignRight |
控制该子组件位于给出ID组件的右边界对齐 |
展示梅花布局效果
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<!--定义该组件位于父容器中间 -->
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:id="@+id/rview01"
android:layout_centerInParent="true"
android:background="@drawable/leaf">
</TextView>
<!-- 定义该组件位于rview01组件的上方 -->
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:id="@+id/rview02"
android:background="@drawable/leaf"
android:layout_above="@+id/rview01"
android:layout_alignLeft="@+id/rview01">
</TextView>
<!-- 定义该组件位于rview01组件的下方 -->
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:id="@+id/rview03"
android:background="@drawable/leaf"
android:layout_below="@+id/rview01"
android:layout_alignLeft="@+id/rview01">
</TextView>
<!-- 定义该组件位于rview01组件的左边 -->
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:id="@+id/rview04"
android:background="@drawable/leaf"
android:layout_toLeftOf="@+id/rview01"
android:layout_alignTop="@+id/rview01" >
</TextView>
<!-- 定义该组件位于rview01组件的右边 -->
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:id="@+id/rview05"
android:background="@drawable/leaf"
android:layout_toRightOf="@+id/rview01"
android:layout_alignTop="@+id/rview01">
</TextView>
</RelativeLayout>
效果图:
2.绝对布局
绝对布局由AbsoluteLayout代表,Android不提供如何布局控制,而是由开发人员自己通过X坐标,Y坐标来控制组件的位置。
XML属性说明
XML属性 |
说明 |
android:layout_x |
指定该子组件的X坐标 |
android:layout_y |
指定该子组件的Y坐标 |
Android中一般支持以下常用的距离单位
px(像素):每个px对应屏幕上的一个点。
dip或dp(device independent pixels,设备独立像素):一种及与屏幕密度的抽象单位。 在每英寸160点的显示器上,1dip=1px,但随着屏幕密度的改变,dip与px的换算会发生改变。
sp(scaled pixels,比例像素):主要处理字体的大小,可以根据用户的字体大小首选项进行缩放
in(英寸):标准长度单位
mm(毫米):标准长度单位
pt(磅):标准长度单位,1/72英寸
登录界面
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<!-- 定义一个文本框,使用绝对定位 -->
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_x="20dip"
android:layout_y="20dip"
android:text="用户名:">
</TextView>
<EditText android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_x="80dip"
android:layout_y="15dip"
android:width="200px">
</EditText>
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_x="20dip"
android:layout_y="80dip"
android:text="密码:">
</TextView>
<EditText android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_x="80dip"
android:layout_y="75dip"
android:password="true"
android:width="200px">
</EditText>
<Button android:layout_x="130dip"
android:layout_y="135dip"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="登录"/>
</AbsoluteLayout>
效果图
本人开了个充值淘宝网店。有需要的朋友请访问的店铺并拍下所充值的话费,
本店已加入消费保障服务计划,货源来源于淘宝充值平台,安全可靠便捷,
支付过后立即到账
http://xiaowen168.taobao.com
- 大小: 7.9 KB
- 大小: 6.5 KB
分享到:
相关推荐
实验二 布局管理器及简单控件的使用
this.setTitle("使用流布局管理器"); //设置窗口名称 jp.setLayout(new FlowLayout()); //设置面板的布局为流布局 jp.add(jb1); //将按钮添加到面板中 jp.add(jb2); jp.add(jb3); jp.add...
Swing结构与布局管理器,中关村国际软件人才教育联盟,第十二讲.
很多初学者在用Java布局器自动布局画界面时,经常遇见不知道如何定义区域大小或按钮之间的距离等问题。... 第二,在组件盘内点选Swing Container页签,选取Jpanel图标,在this中上方拖拽一块区域,布局器会自动
NULL 博文链接:https://flyouting.iteye.com/blog/1058781
linux窗口程序设计第二章-布局管理,这本书比较好
《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》内容提要: 本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。 本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计...
二、功能介绍 此次系统的开发设计主要是是包括了三种权限的设计,一个是学生权限,一个是教师,还有一个是管理员,我们主要通过这个三方面来介绍系统的功能: 学生主要具有以下功能: 可以留言 可以修改个人信息 ...
理解 Swing 和布局管理程序在线学习
二、功能介绍 此次系统的开发设计主要是是包括了三种权限的设计,包括管理员、学生、教师,我们主要通过这个三个方面来介绍系统的功能: 学生主要具有以下功能: 可以进行选题 查看选题 修改个人信息 教师主要具有...
二、功能介绍 本系统<计算机组成与结构>课程网站是基于PHP的开发语言,Apache平台,MYSQL数据库进行制作的。系统主要是为学生提供一个网上学习的平台,为教师提供了一个相互交流的平台,并且将传统的教学方式和布置...
第16周-第05章节-Python3.5-后台管理页面布局(二).avi
用户类别:登录系统的身份有两种,一是系统管理员(登录界面一),二是仓库管理员(登录界面二),只有被授权的用户才可以使用本系统的资源。 权限管理:系统需要经过有效的身份验证才可以登录。用户的身份不同,登陆...
本文主要讲述Qt Designer工具实现界面控件布局管理,就是排列组合控件。包括水平布局、垂直布局、网格布局、表单布局。至于绝对布局太复杂。。短期内hold不住 布局管理打开方法 方法一:Qt Designer -> Form菜单栏 ...
完全响应式布局(支持电脑、平板、手机等所有主流设备) 2 .基于最新版本的Bootstrap 3.3.4 3 .提供4套不同风格的皮肤 4 .使用最流行的的扁平化设计 5 .提供了诸多的UI组件 6 .集成多款国内优秀插件,诚意奉献 ...
在Qt中,网格布局(`QGridLayout`)是一种常用的布局管理器,用于将窗口部件按行和列排列在一个二维网格中。以下是如何使用网格布局的基本步骤: + **创建网格布局:* ```cpp #include QWidget *widget = new ...
二、功能介绍 通过对现行系统的需求分析,系统的开发实施将满足以下的目标: (1)权限管理:对权限信息进行添加、删除、修改和查看 (2)用户管理:对用户信息进行添加、删除、修改和查看 (3)职务管理:对职务信息进行...
PHP 在线考试管理系统是一套完善的web设计系统 layUI技术布局 ,对理解php编程开发语言有帮助,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。 二、功能介绍 1.用户管理:根据权限的不同,系统分为三类...
一、较之原先的随缘新闻管理系统2.0版,新2.1版本对原系统的布局进行了优化,采用xhtml1.0符合W3C标准, 二、应广大网友的要求首页新增了图片新闻幻灯显示栏目,同时后台也增加了相应的新闻导图上传功能。 三、新增将...
二、功能介绍 此次系统的开发设计主要是是包括了两种权限的设计,包括管理员、普通用户,系统主要的功能: (1)权限管理:对权限信息进行添加、删除、修改和查看 (2)用户管理:对用户信息进行添加、删除、修改和查看 ...