Android布局详解之一:FrameLayout
原创文章,如有转载,请注明出处:http://blog.csdn.net/yihui823/article/details/6702273
修正说明:
此文章是我写的第一篇,当时的确少考虑很多内容。
后来也一直没有再回头看,再后来,看到评论多是负面的,也就心懒了,这个系列就没再写下去了。
今天重新把文章修改一下。完全没有错不敢说,只是把当年漏写的一些内容再补进去吧。
评论不删不改,大家自己看吧。
我写的文章,基本都是面向新手的,所以没有很多高深的玩法(我自己也不擅长啦,我也不是高手)。
所以新手看我的文章,入门即可,高深的内容不在我这里,我的庙小,装不下大神。
再版修正说明:
首先要感谢指出我错误的朋友。前一篇修正说明,写的借口比较多,忘了道歉,态度不好,请多多包涵。
特别要感谢27楼、29楼的朋友。这篇文章的确写的不够严谨,碰到了问题就一笔带过,给读者们造成了不少误解,非常抱歉。
当然,直接回复sb的网友,我只能呵呵了。“我的庙小,装不下大神”这句话其实是送给这些朋友的。
这次重新修改了android:layout_width=”fill_parent”属性造成的android:layout_gravity失效的事情。
FrameLayout是最简单的布局了。所有放在布局里的控件,都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。
在FrameLayout布局里,定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角,根本不听你的控制。
看以下的例子:
- <?xml version=“1.0” encoding=“utf-8”?>
- <FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”
- android:layout_width=“fill_parent”
- android:layout_height=“fill_parent”
- >
- <TextView
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“50sp”
- android:textColor=“#000000”
- android:text=“第一层”/>
- <TextView
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“40sp”
- android:textColor=“#ffff00”
- android:text=“第二层”/>
- <TextView
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“30sp”
- android:textColor=“#ff00ff”
- android:text=“第三层”/>
- <TextView
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“20sp”
- android:textColor=“#00ffff”
- android:text=“第四层”/>
- </FrameLayout>
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent">
<TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="50sp"android:textColor="#000000"android:text="第一层"/>
<TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="40sp"android:textColor="#ffff00"android:text="第二层"/>
<TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="30sp"android:textColor="#ff00ff"android:text="第三层"/>
<TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="20sp"android:textColor="#00ffff"android:text="第四层"/>
</FrameLayout>
效果如下图:layoutpic001
变化1
我们现在来尝试改变一下他们的位置。把第一、二个文本框改成:
- <TextView
- android:id=“@+id/tv1”
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“50sp”
- android:textColor=“#000000”
- android:text=“第一层”/>
- <TextView
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“40sp”
- android:textColor=“#ffff00”
- android:layout_toRightOf=“@id/tv1”
- android:text=“第二层”/>
<TextView android:id="@+id/tv1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="50sp"android:textColor="#000000"android:text="第一层"/>
<TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="40sp"android:textColor="#ffff00"android:layout_toRightOf="@id/tv1"android:text="第二层"/>
也就是说,让第二个文本框放在第一个文本框的右边。我们来看看效果。看到了没?还是一样的不变吧。
变化2
我们来尝试下android:gravity属性。把第三个文本框改成:
- <TextView
- android:id=“@+id/tv3”
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“30dip”
- android:textColor=“#ff00ff”
- android:gravity=“right”
- android:text=“第三层”/>
<TextView android:id="@+id/tv3"android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="30dip"android:textColor="#ff00ff"android:gravity="right"android:text="第三层"/>
看看效果如何?天哪!竟然没有覆盖,而是错开了!!!
layoutpic002
首先呢,我们不要大惊小怪。这个现象并不说明FrameLayout失效了。
gravity属性,是控制控件内部文本的格式的。而我们看我们控件的宽的属性是什么?是“fill_parent”,也就是说,我们文本框的宽度就是屏幕的宽度。那么android:gravity=”right”文本靠右,而文本框本身还是左上堆叠在一起的。不信,我们再来改改:
- <TextView
- android:id=“@+id/tv3”
- <strong>android:layout_width=“wrap_content”</strong>
- android:layout_height=“wrap_content”
- android:textSize=“30dip”
- android:textColor=“#ff00ff”
- android:gravity=“right”
- <pre name=“code” class=“html”>
<TextView android:id="@+id/tv3"<strong>android:layout_width="wrap_content"</strong>android:layout_height="wrap_content"android:textSize="30dip"android:textColor="#ff00ff"android:gravity="right"
<pre name="code" class="html">
android:text=”第三层”/>
我们让第三个文本框的宽度自适应,也就是保证显示全文字即可。这个时候看一下效果呢?是不是打回原形啦?哈哈哈。
变化2 +
- <TextView
- android:id=“@+id/tv3”
- android:layout_width=”<span style=”font-family: Arial, Helvetica, sans-serif;”>fill_parent</span><span style=“font-family: Arial, Helvetica, sans-serif;”>”</span>
- android:layout_height=“wrap_content”
- android:textSize=“30dip”
- android:textColor=“#ff00ff”
- android:layout_gravity=“right”
- android:text=“第三层”/>
<TextView android:id="@+id/tv3"android:layout_width="<span style="font-family: Arial, Helvetica, sans-serif;">fill_parent</span><span style="font-family: Arial, Helvetica, sans-serif;">"</span>android:layout_height="wrap_content"android:textSize="30dip"android:textColor="#ff00ff"android:layout_gravity="right"android:text="第三层"/>
效果和layoutpic001图一样。看上去貌似android:layout_gravity=”right”这句话没有起作用。其实是因为android:layout_width=”fill_parent”这个属性造成的。文本框的宽度是充满父控件,所以文字不会到右边去。
改成:
- <TextView
- android:id=“@+id/tv3”
- android:layout_width=“wrap_content”
- android:layout_height=“wrap_content”
- android:textSize=“30dip”
- android:textColor=“#ff00ff”
- android:layout_gravity=“right”
- android:text=“第三层”/>
<TextView android:id="@+id/tv3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="30dip"android:textColor="#ff00ff"android:layout_gravity="right"android:text="第三层"/>
效果和layoutpic002图一样。android:layout_gravity=”right”这句话就起作用了。
变化3
有回帖说用:android:layout_gravity=”center_horizontal|bottom”
我们试了一下:
- <TextView
- android:layout_width=“fill_parent”
- android:layout_height=“wrap_content”
- android:textSize=“20sp”
- android:textColor=“#00ffff”
- android:layout_gravity=“center_horizontal|bottom”
- android:text=“第四层”/>
<TextView android:layout_width="fill_parent"android:layout_height="wrap_content"android:textSize="20sp"android:textColor="#00ffff"android:layout_gravity="center_horizontal|bottom"android:text="第四层"/>
效果如何?如下图
layoutpic003
我用的华为手机,第四层没居中,但是跑到底下来了。也就是说 center_horizontal 没起作用。
这个错误也是因为android:layout_width=”fill_parent”造成的。改成:
- <TextView
- android:layout_width=“wrap_content”
- android:layout_height=“wrap_content”
- android:textSize=“20sp”
- android:textColor=“#00ffff”
- android:layout_gravity=“center_horizontal|bottom”
- android:text=“第四层”/>
<TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="20sp"android:textColor="#00ffff"android:layout_gravity="center_horizontal|bottom"android:text="第四层"/>
第四层就居中了。
总结一下,经过以上的3个实验,我们知道FrameLayout里,默认所有的控件都是左上对齐。
控件可以通过android:layout_gravity属性控制自己在父控件中的位置。
是不是有人会问,这么简单的Layout有什么用?我想还是有它存在的价值的。
当你需要自己写一个View的时候,在View里面已经完成了你的逻辑(例如游戏^_^),那么这个View只需要一个容器放置,就可以使用FrameLayout了。虽然用其他的布局也可以,但是用最简单的不是更省系统资源么。
欢迎加入个人微信公众号
</div>
转自一辉的博客:http://blog.csdn.net/yihui823/article/details/6702273
Android布局详解之一:FrameLayout相关推荐
- Android - 布局详解之LinearLayout与RelativeLayout
本篇博文只针对LinearLayout与RelativeLayout 我们在新建一个布局文件时,一般遵循这样的思路:先确定该文件对应的界面中各个布局和控件的位置和大小,然后再来设置各个布局和控件的其他 ...
- android rotate 动画,Android RotateAnimation详解
RotateAnimation旋转坐标系为以旋转点为坐标系(0,0)点.x轴为0度,顺时针方向旋转一定的角度. 1.RotateAnimation(fromDegrees, toDegrees) [默 ...
- android中帧布局效果,布局之FrameLayout(帧布局)详解
New UI-布局之FrameLayout(帧布局)详解 --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途!本节引言:FrameLayout(帧布局)可以说是六大布局中最为简单的一 ...
- Android UI详解之布局管理器(一)
Android UI详解之布局管理器 一.布局管理器 ①顶级父类View ②子类GroupView ③AbsoluteLayout.FrameLayout.LinearLayout.GridLayou ...
- Android开发重点难点1:RelativeLayout(相对布局)详解
前言 啦啦啦~博主又推出了一个新的系列啦~ 之前的Android开发系列主要以完成实验的过程为主,经常会综合许多知识来写,所以难免会有知识点的交杂,给人一种混乱的感觉. 所以博主推出"重点难 ...
- qt布局嵌套_QDockWidget嵌套布局详解-实现Visual Studio布局
概述 许多工程软件,如Qt Creator,VS,matlab等,都是使用dock布局窗口,这样用户可以自定义界面,自由组合窗口. Qt的嵌套布局由QDockWidget完成,用Qt Creator拖 ...
- android fragment 优势,Android Fragment详解
参考网址:Android Fragment详解 一.什么是Fragment? Fragment:是Android3.0开始新增的概念,意为碎片.Fragment是依赖于Activity的,不能独立存在 ...
- 【转】Android菜单详解——理解android中的Menu--不错
原文网址:http://www.cnblogs.com/qingblog/archive/2012/06/08/2541709.html 前言 今天看了pro android 3中menu这一章,对A ...
- Android菜单详解——理解android中的Menu
前言 今天看了pro android 3中menu这一章,对Android的整个menu体系有了进一步的了解,故整理下笔记与大家分享. PS:强烈推荐<Pro Android 3>,是我至 ...
- Android LayoutInflater详解
Android LayoutInflater详解 在实际开发中LayoutInflater这个类还是非常有用的,它的作用类 似于findViewById().不同点是LayoutInflater是用来 ...
最新文章
- 对 Azure 虚拟网络网关的改进
- Forefront Security For Exchange文件传送限制测试
- linux 最快的,五种方式装Linux哪种最快
- 学长毕业日记 :本科毕业论文写成博士论文的神操作20170328
- C语言 | 变量的存储方式
- 【离散数学】含有两个量词的谓词逻辑公式
- 设置SGA的原则以及修改它的大小
- 米筐量化不支持c语言_从零开始学量化(三):数据获取途径
- [论文阅读] Maintaining Discrimination and Fairness in Class Incremental Learning
- C#+OpenGL+FreeType显示3D文字(3) - 用PointSprite绘制文字
- goldendb mysql_golden数据库
- css权威指南 读书笔记
- mtk平台耳机检测流程记录
- Mirth Connect 快速安装
- oracle取字段第三位字符,oracle字符串根据分隔符号获取第几个元素
- Automation服务器不能创建对象--Excel.application
- java fop_XSL-FO 和FOP相关技术详解(转载)
- win10系统崩溃怎么修复_手把手教你“无损”修复win10系统
- IPU, VPU and GPU
- ABAP ALV DATA_CHANGED 函数使用说明 (ALV备忘二)
热门文章
- Matlab 简单图像分割实战
- 4g网络标准 计算机网络,4G网络是什么 4G LET是什么?
- Ensemble_VEP--vcf文件注释
- AlphaGo Zero 强化学习算法原理深度分析
- AdapterView(一)
- TCPIP协议详解----网络基础知识
- FusionChartsFree用法简介
- 编译原理(九)——递归下降法
- 计算机辅助汽车人机工程未来挑战,计算机辅助人机工程设计的虚拟人分析-机械制造及其自动化专业论文.docx...
- 服务器日志默认存放位置,系统日志和IIS日志存放路径