Android布局详解:FrameLayout[通俗易懂]

Android布局详解:FrameLayout[通俗易懂]后来也一直没有再回头看,再后来,看到评论多是负面的,也就心懒了,这个系列就没再写下去了。今天重新把文章修改一下。完全没有错不敢说,只是把当年漏写的一些内容再补进去吧。评论不删不改,大家自己看吧。我写的文章,基本都是面向新手的,所以没有很多高深的玩法(我自己也不擅长啦,我也不是高手)。所以新手看我的文章,入门即可,高深的内容不在我这里,我的庙小,装不下大神。再版修正说明:首先

大家好,又见面了,我是你们的朋友全栈君。

后来也一直没有再回头看,再后来,看到评论多是负面的,也就心懒了,这个系列就没再写下去了。

今天重新把文章修改一下。完全没有错不敢说,只是把当年漏写的一些内容再补进去吧。

评论不删不改,大家自己看吧。

我写的文章,基本都是面向新手的,所以没有很多高深的玩法(我自己也不擅长啦,我也不是高手)。

所以新手看我的文章,入门即可,高深的内容不在我这里,我的庙小,装不下大神。

再版修正说明:

首先要感谢指出我错误的朋友。前一篇修正说明,写的借口比较多,忘了道歉,态度不好,请多多包涵。

特别要感谢27楼、29楼的朋友。这篇文章的确写的不够严谨,碰到了问题就一笔带过,给读者们造成了不少误解,非常抱歉。

当然,直接回复sb的网友,我只能呵呵了。“我的庙小,装不下大神”这句话其实是送给这些朋友的。

这次重新修改了android:layout_width=”fill_parent”属性造成的android:layout_gravity失效的事情。

FrameLayout是最简单的布局了。所有放在布局里的控件,都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。

在FrameLayout布局里,定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角,根本不听你的控制。

看以下的例子:

 

  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2. <FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
  3.     android:layout_width=“fill_parent”  
  4.     android:layout_height=“fill_parent”  
  5.     >  
  6. <TextView   
  7.     android:layout_width=“fill_parent”  
  8.     android:layout_height=“wrap_content”  
  9.     android:textSize=“50sp”  
  10.     android:textColor=“#000000”  
  11.     android:text=“第一层”/>  
  12. <TextView   
  13.     android:layout_width=“fill_parent”  
  14.     android:layout_height=“wrap_content”  
  15.     android:textSize=“40sp”  
  16.     android:textColor=“#ffff00”  
  17.     android:text=“第二层”/>  
  18. <TextView   
  19.     android:layout_width=“fill_parent”  
  20.     android:layout_height=“wrap_content”  
  21.     android:textSize=“30sp”  
  22.     android:textColor=“#ff00ff”  
  23.     android:text=“第三层”/>  
  24. <TextView   
  25.     android:layout_width=“fill_parent”  
  26.     android:layout_height=“wrap_content”  
  27.     android:textSize=“20sp”  
  28.     android:textColor=“#00ffff”  
  29.     android:text=“第四层”/>  
  30. </FrameLayout>  
Android布局详解: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

 Android布局详解:FrameLayout[通俗易懂]Android布局详解:FrameLayout[通俗易懂]

变化1

我们现在来尝试改变一下他们的位置。把第一、二个文本框改成:

  1. <TextView   
  2.     android:id=“@+id/tv1”  
  3.     android:layout_width=“fill_parent”  
  4.     android:layout_height=“wrap_content”  
  5.     android:textSize=“50sp”  
  6.     android:textColor=“#000000”  
  7.     android:text=“第一层”/>  
  8. <TextView   
  9.     android:layout_width=“fill_parent”  
  10.     android:layout_height=“wrap_content”  
  11.     android:textSize=“40sp”  
  12.     android:textColor=“#ffff00”  
  13.     android:layout_toRightOf=“@id/tv1”  
  14.     android:text=“第二层”/>  
Android布局详解:FrameLayout[通俗易懂]
<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属性。把第三个文本框改成:

  1. <TextView   
  2.     android:id=“@+id/tv3”  
  3.     android:layout_width=“fill_parent”  
  4.     android:layout_height=“wrap_content”  
  5.     android:textSize=“30dip”  
  6.     android:textColor=“#ff00ff”  
  7.     android:gravity=“right”  
  8.     android:text=“第三层”/>  
Android布局详解:FrameLayout[通俗易懂]
<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

Android布局详解:FrameLayout[通俗易懂]

Android布局详解:FrameLayout[通俗易懂]

首先呢,我们不要大惊小怪。这个现象并不说明FrameLayout失效了。

gravity属性,是控制控件内部文本的格式的。而我们看我们控件的宽的属性是什么?是“fill_parent”,也就是说,我们文本框的宽度就是屏幕的宽度。那么android:gravity=”right”文本靠右,而文本框本身还是左上堆叠在一起的。不信,我们再来改改:

  1. <TextView   
  2.     android:id=“@+id/tv3”  
  3.     <strong>android:layout_width=“wrap_content”</strong>  
  4.     android:layout_height=“wrap_content”  
  5.     android:textSize=“30dip”  
  6.     android:textColor=“#ff00ff”  
  7.     android:gravity=“right”  
  8. <pre name=“code” class=“html”>      
Android布局详解:FrameLayout[通俗易懂]
<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 +

这是这篇文章被喷最多的地方。原来的总结里面,有这么一句话:
FrameLayout根本无法控制他的子控件的位置
这句话有错,子控件可以通过
android
:
layout_gravity
属性来控制自己在父控件中的位置。
废话少说,上代码

  1. <TextView   
  2.     android:id=“@+id/tv3”  
  3.     android:layout_width=”<span style=”font-family: Arial, Helvetica, sans-serif;”>fill_parent</span><span style=“font-family: Arial, Helvetica, sans-serif;”></span>  
  4.     android:layout_height=“wrap_content”  
  5.     android:textSize=“30dip”  
  6.     android:textColor=“#ff00ff”  
  7.     android:layout_gravity=“right”  
  8.     android:text=“第三层”/>  
Android布局详解:FrameLayout[通俗易懂]

<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”这个属性造成的。文本框的宽度是充满父控件,所以文字不会到右边去。

改成:

  1. <TextView   
  2.     android:id=“@+id/tv3”  
  3.     android:layout_width=“wrap_content”  
  4.     android:layout_height=“wrap_content”  
  5.     android:textSize=“30dip”  
  6.     android:textColor=“#ff00ff”  
  7.     android:layout_gravity=“right”  
  8.     android:text=“第三层”/>  
Android布局详解:FrameLayout[通俗易懂]

<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”

我们试了一下:

  1. <TextView   
  2.     android:layout_width=“fill_parent”  
  3.     android:layout_height=“wrap_content”  
  4.     android:textSize=“20sp”  
  5.     android:textColor=“#00ffff”  
  6.     android:layout_gravity=“center_horizontal|bottom”  
  7.     android:text=“第四层”/>  
Android布局详解:FrameLayout[通俗易懂]
<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

Android布局详解:FrameLayout[通俗易懂]

Android布局详解:FrameLayout[通俗易懂]

我用的华为手机,第四层没居中,但是跑到底下来了。也就是说 center_horizontal 没起作用。

这个错误也是因为android:layout_width=”fill_parent”造成的。改成:

  1. <TextView   
  2.     android:layout_width=“wrap_content”  
  3.     android:layout_height=“wrap_content”  
  4.     android:textSize=“20sp”  
  5.     android:textColor=“#00ffff”  
  6.     android:layout_gravity=“center_horizontal|bottom”  
  7.     android:text=“第四层”/>  
Android布局详解:FrameLayout[通俗易懂]
<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="第四层"/>

第四层就居中了。

Android布局详解:FrameLayout[通俗易懂]

总结一下,经过以上的3个实验,我们知道FrameLayout里,默认所有的控件都是左上对齐。

控件可以通过android:layout_gravity属性控制自己在父控件中的位置。

是不是有人会问,这么简单的Layout有什么用?我想还是有它存在的价值的。

当你需要自己写一个View的时候,在View里面已经完成了你的逻辑(例如游戏^_^),那么这个View只需要一个容器放置,就可以使用FrameLayout了。虽然用其他的布局也可以,但是用最简单的不是更省系统资源么。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/137065.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • strtok理解[通俗易懂]

    strtok理解[通俗易懂]今天使用strtok遇到了一些困惑,

  • 一代、二代、三代测序技术原理与比较「建议收藏」

    一代、二代、三代测序技术原理与比较「建议收藏」从1977年第一代DNA测序技术(Sanger法)1,发展至今三十多年时间,测序技术已取得了相当大的发展,从第一代到第三代乃至第四代,测序读长从长到短,再从短到长。虽然就当前形势看来第二代短读长测序技术在全球测序市场上仍然占有着绝对的优势位置,但第三和第四代测序技术也已在这一两年的时间中快速发展着。测序技术的每一次变革,也都对基因组研究,疾病医疗研究,药物研发,育种等领域产生巨大的推动作用。在这里我主要对当前的测序技术以及它们的测序原理做一个简单的小结。

  • 常见漏洞扫描工具_web漏洞扫描工具有哪些

    常见漏洞扫描工具_web漏洞扫描工具有哪些漏洞扫描漏洞扫描是指基于漏洞数据库,通过扫描等手段对指定的远程或者本地计算机系统的安全脆弱性进行检测,发现可利用漏洞的一种安全检测(渗透攻击)行为。漏洞扫描器包括网络漏扫、主机漏扫、数据库漏扫等不同种类。常用漏洞扫描工具:一、Nessus百度百科:Nessus是目前全世界最多人使用的系统漏洞扫描与分析软件。总共有超过75,000个机构使用Nessus作为扫描该机构电脑系统的软件。提供完整的电脑漏洞扫描服务,并随时更新其漏洞数据库。不同于传统的漏洞扫描软件,Nessus可同时在本机或

  • 如何架设FTP服务器[通俗易懂]

    如何架设FTP服务器[通俗易懂]FTP服务器的架设在我们的实际网络生活中,特别是宽带网接入之后,FTP服务器作为文件的传输和共享工具得到广泛应用。FTP服务器在文件的传输上性能稳定,占用系统资源小,而且传输速度快,现在网上已经有很多的FTP服务器可供使用,而自己架设一个FTP服务器也很容易,下面介绍两种主流的FTP架构方式。1.利用微软公司的IIS微软的IIS功能非常强大,它除了提供WWW服务之外,还提供FTP的服务,利用…

  • IDEA配置Maven(详细版)

    IDEA配置Maven(详细版)IDEA配置MavenIDEA创建Maven工程第一节IDEA集成Maven插件第二节使用骨架创建Maven的java工程第三节不使用骨架创建Maven的java工程第四节使用骨架创建Maven的javaweb工程第五节不使用骨架创建Maven的javaweb工程第六节IDEA使用Maven命令6.1方式一6.2方式二IDEA创建Maven工程第一节IDEA集成Maven插件打开IDEA,进入主界面后点击configure,然后点击settings在上面的快捷查找框

  • 学习:imfill[通俗易懂]

    学习:imfill[通俗易懂]Matlab函数imfill简介  函数功能:该函数用于填充图像区域和“空洞”。  语法格式:  BW2=imfill(BW)  这种格式将一张二值图像显示在屏幕上,允许用户使用鼠标在图像上点几个点,这几个点围成的区域即要填充的区域。要以这种交互方式操作,BW必须是一个二维的图像。用户可以通过按Backspace键或者Delete键来取消之前选择的区域;通过shift+鼠标左键

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号