Android学习(七)—— Android布局

Android布局

1、LinearLayout

线性布局,这种布局在平时的开发中用的最多,内部控件只能水平或竖直进行排列,在搭建较复杂的界面时会有点麻烦。

常用属性

  • android:orientation   控制控件排列方向,属性值为垂直(vertical)和水平(horizontal),默认水平方向。
  • android:gravity:内部控件对齐方式,常用属性值有center、center_vertical、center_horizontal、top、bottom、left、right等。
  • android:layout_gravity   设置自身相对于父元素的布局。
  • android:layout_weight:权重,用来分配当前控件在剩余空间的大小
  • 注意:使用权重一般要把分配该权重方向的长度设置为零,比如在水平方向分配权重,就把width设置为零。

效果图

2、RelativeLayout

 相对布局,可以让子控件相对于兄弟控件或父控件进行布局,可以设置子控件相对于兄弟控件或父控件进行上下左右对齐。

注意:这个布局中的控件一定要加id才可以进行布局

 常用属性

(1)相对于父控件,例如:android:layout_alignParentTop=“true”

  • android:layout_alignParentTop      控件的顶部与父控件的顶部对齐;
  • android:layout_alignParentBottom  控件的底部与父控件的底部对齐;
  • android:layout_alignParentLeft      控件的左部与父控件的左部对齐;
  • android:layout_alignParentRight     控件的右部与父控件的右部对齐;

(2)相对给定Id控件,例如:android:layout_above=“@id/**”

  • android:layout_above 控件的底部置于给定ID的控件之上;
  • android:layout_below     控件的底部置于给定ID的控件之下;
  • android:layout_toLeftOf    控件的右边缘与给定ID的控件左边缘对齐;
  • android:layout_toRightOf  控件的左边缘与给定ID的控件右边缘对齐;
  • android:layout_alignBaseline  控件的baseline与给定ID的baseline对齐;
  • android:layout_alignTop        控件的顶部边缘与给定ID的顶部边缘对齐;
  • android:layout_alignBottom   控件的底部边缘与给定ID的底部边缘对齐;
  • android:layout_alignLeft       控件的左边缘与给定ID的左边缘对齐;
  • android:layout_alignRight      控件的右边缘与给定ID的右边缘对齐;

(3)居中,例如:android:layout_centerInParent=“true”

  • android:layout_centerHorizontal 水平居中;
  • android:layout_centerVertical    垂直居中;
  • android:layout_centerInParent  父控件的中央;

效果图

 简单来说就是先写好一个控件,其他控件的位置会以第一个控件的位置作为标准进行定位。

3、FrameLayout

帧布局或叫层布局,从屏幕左上角按照层次堆叠方式布局,后面的控件覆盖前面的控件。该布局在地图开发中经常用到。

常用属性

  • android:layout_width="match_parent"    设置宽度
  • android:layout_height="match_parent"    设置高度

效果图

 

4、AbsoluteLayout

绝对布局中将所有的子元素通过设置android:layout_x 和 android:layout_y属性,将子元素的坐标位置固定下来,即坐标(android:layout_x, android:layout_y) ,屏幕左上角为坐标(0,0),横向往右为正方,纵向往下为正方。实际应用中,因为Android终端一般机型比较多,这种布局用的比较少。

常用属性

  • android:layout_x="20dp"   设置横坐标
  • android:layout_y="20dp"   设置纵坐标

效果图

 

5、TableLayout

 表格布局,适用于多行多列的布局格式,每个TableLayout是由多个TableRow组成,一个TableRow就表示TableLayout中的每一行,这一行可以由多个子元素组成。

 注意:在TableLayout中,单元格可以为空,但是不能跨列,意思是只能不能有相邻的单元格为空。

常用属性

(1)TableLayout常用属性:

  • android:shrinkColumns:设置可收缩的列,内容过多就收缩显示到第二行
  • android:stretchColumns:设置可伸展的列,将空白区域填充满整个列
  • android:collapseColumns:设置要隐藏的列
  • 列的索引从0开始,shrinkColumns和stretchColumns可以同时设置。

(2)TableRow常用属性:

  • android:layout_column:第几列
  • android:layout_span:占据列数

效果图

转载于:https://www.cnblogs.com/QY-admin/p/9959622.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/366663.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

不一样的ZTree,权限树.js插件

每一个有趣的创新,都源于苦逼的生活。在最近的工作中,遇到一个做权限管理筛选的需求。 简单总结需求: 1展示一个组织中的组织结构 2通过点击组织结构中的任意一个节点可以向上向下查询对应的组织结构 如果你不想苦逼的重复劳动,还…

No goals have been specified for this build.

解决办法&#xff0c;在pom.xml添加如下配置&#xff1a; <build><defaultGoal>compile</defaultGoal> </build> 转载于:https://www.cnblogs.com/penghq/p/9233655.html

JavaFX 2:如何加载图像

这是有关如何在JavaFX 2应用程序中加载图像的JavaFX教程。 使用ImageView可以轻松完成此操作。 ImageView是一个节点&#xff0c;用于绘制加载有Image类的图像。 因此&#xff0c;您将首先使用Image类加载图像&#xff0c;然后使用ImageView显示它。 我还将在这里演示如何从本地…

JavaScript DOM介绍

DOM 概念 所谓DOM,全称 Docuemnt Object Model 文档对象模型&#xff0c;毫无疑问&#xff0c;此时要操作对象&#xff0c;什么对象&#xff1f;文档对象 在文档中一切皆对象&#xff0c;比如html,body,div,p等等都看做对象&#xff0c;那么我们如何来点击某个盒子让它变色呢&a…

html实现拖拽排序,简单的jquery拖拽排序效果实现代码

步骤&#xff1a;1.实现随鼠标移动的效果&#xff1b;2.初始化一个元素及其坐标&#xff1b;3.拖拽对象的最后坐标&#xff0c;与元素的坐标 进行计算和判断 来确定 要插入的目标元素&#xff1b;4.用insertBefore 方法 插入到目标元素的前面具体代码如下&#xff1a;测试的拖拽…

记HTML5 a 标签的一个小坑

今天写了段简单的代码&#xff0c;点击<a>标签时却抛出了这个错误&#xff1a;Uncaught TypeError: download is not a function。代码如下&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><…

HashMap遍历,取出key和value

HashMap的遍历有两种常用的方法&#xff0c;那就是使用keyset及entryset来进行遍历,在用keySet(key)取value时候&#xff0c;需要key 第一种:  Map map new HashMap();  Iterator iter map.entrySet().iterator();  while (iter.hasNext()) {   Map.Entry entry …

C#线程 ---- 线程同步详解

线程同步 说明&#xff1a;接上一篇&#xff0c;注意分享线程同步的必要性和线程同步的方法。 测试代码下载&#xff1a;https://github.com/EkeSu/C-Thread-synchronization-C-.git 一、什么是线程同步&#xff1a; 在同一时间只允许一个线程访问资源的情况称为线程同步。 二、…

Spring中的类型转换

以下是一些需要类型转换的简单情况&#xff1a; 情况1。 为了帮助简化bean配置&#xff0c;Spring支持属性值与文本值之间的转换。 每个属性编辑器仅设计用于某些类型的属性。 为了使用它们&#xff0c;我们必须在Spring容器中注册它们。 案例2。 同样&#xff0c;在使用Sprin…

响应式方案调研及前端开发管理思考

网易首页响应式风格实现技术调研网易首页实现页面&#xff08;字体&#xff09;响应式风格的方式是在不同尺寸的视口中使用不同的容器类&#xff0c;如图 1所示。当视口大于等于1420px时&#xff0c;使用大尺寸容器类 &#xff08;index2017_1200_wrap&#xff0c;width: 1200p…

响应式html编辑器布局,基于Bootstrap响应式所见即所得的jQuery编辑器插件

LineControl Editor是一款基于Bootstrap的响应式、所见即所得的富文本编辑器jQuery插件。该富文本编辑器可以使用textarea元素或任何一个容器元素来生成&#xff0c;它拥有常见富文本编辑器的所有功能&#xff0c;使用快捷方便。插件依赖该富文本编辑器插件依赖于jQuery2.1.0和…

linux nexus启动_Linux一键部署Nexus 3私服仓库自动化部署脚本

此脚本是Linux一键部署Nexus 3私服仓库自动化脚本&#xff0c;有需要朋友可以参考&#xff0c;脚本内容如下&#xff1a;环境准备&#xff1a;操作系统&#xff1a;CentOS Linux release 7.8.2003软件版本&#xff1a;Docker&#xff1a;docker-ce-19.03.12[rootlocalhost ~]# …

zabbix 模板 创建逻辑 + 主动模式-被动模式

模板通常包含了item、trigger、graph(图形)、application以及low-level discovery rule&#xff1b;模板可以直接链接至某个主机&#xff1b; 模板包含一系列的item&#xff0c;trigger等&#xff0c;可以快速地把多个item应用到host或者group。 参考&#xff1a;https://www.c…

JavaFX中的塔防(3)

在最后一部分中&#xff0c;您了解了如何创建Sprite&#xff0c;为其设置动画并赋予其Behavior。 但是动画效果不是很好&#xff0c;因为作为Insectoid&#xff0c;您应该始终看起来在飞行中。 记住&#xff1a;安全第一&#xff01; 我们可以通过创建自定义的TileSetAnimation…

day21 pickle json shelve configpaser 模块

1. 序列化:我们在网络传输的时候,需要我们对对象进行处理,把对象处理成方便存储和传输的格式,这个过程就叫序列化 序列化的方法不一定一样,三十目的都是为了方便储存和传输. 在python中有三种序列化方案: 1. pickle 可以将我们python中任意数据类型转化为bytes写入文件中…

flex.css快速入门,极速布局

什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它&#xff0c;但是我想我们都会有一个共同的经历&#xff0c;面对它的各种版本&#xff0c;各种坑&#xff0c;傻傻的分不清楚&#xff0c;flex.css就是对flex布局的一种封装&#xff0c;通过简洁…

计算机英语阅读路线,高考英语阅读理解真题解析·计算机运用

说明:引用此文请注明出处,并务请保留后面的有效链接地址,谢谢&#xff01;高考英语阅读理解真题解析计算机运用Computer people talk a lot about the need for other people to become“computer-literate.”But not all experts(专家) agree that this is a good idea.One pi…

优化Angularjs的$watch方法

Angularjs的$watch相信大家都知道&#xff0c;而且也经常使用&#xff0c;甚至&#xff0c;你还在为它的某些行为感到恼火。比如&#xff0c;一进入页面&#xff0c;它就会调用一次&#xff0c;我明明希望它在我初始化之后&#xff0c;值再次变动才调用。这种行为给我们带来许多…

JavaFX中的塔防(2)

在上一部分中&#xff0c;我们创建了一个简单的编辑器&#xff0c;让我们放置炮塔。 现在&#xff0c;我们将在敌人起源的地方添加一个生成点&#xff0c;并为其定义攻击目标。 首先&#xff0c;我将通过对象层向地图添加更多信息。 这是标准的TMX&#xff0c;因此我们可以在Ti…

微软edge浏览器不显示图片问题

用HBuider写的Web项目&#xff0c;项目名如果包含中文&#xff0c;edge下无法显示图片转载于:https://www.cnblogs.com/phoenixBlog/p/9964820.html