Android布局详解之一:FrameLayout

18 篇文章 0 订阅
6 篇文章 0 订阅

原创文章,如有转载,请注明出处: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>


效果如下图: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="第二层"/>


 

也就是说,让第二个文本框放在第一个文本框的右边。我们来看看效果。看到了没?还是一样的不变吧。

变化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="第三层"/>


看看效果如何?天哪!竟然没有覆盖,而是错开了!!!

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">    
android:text="第三层"/>
 

我们让第三个文本框的宽度自适应,也就是保证显示全文字即可。这个时候看一下效果呢?是不是打回原形啦?哈哈哈。

变化2 +

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

效果和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="第四层"/>

效果如何?如下图

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="第四层"/>

第四层就居中了。




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

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


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

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


欢迎加入个人微信公众号



 

  • 41
    点赞
  • 134
    收藏
    觉得还不错? 一键收藏
  • 47
    评论
<h3>回答1:</h3><br/>Android中的FrameLayout布局是一种简单的布局方式,它允许在同一屏幕上放置多个控件,这些控件可以重叠在一起。FrameLayout布局的特点是:控件可以放置在任何位置,但是它们的大小和位置都是相对于FrameLayout的大小和位置而言的。在FrameLayout中,后添加的控件会覆盖先添加的控件。因此,FrameLayout常用于实现一些简单的界面效果,如图片轮播、广告展示等。 <h3>回答2:</h3><br/>Android中的Framelayout布局是从根据子视图的层次结构绘制学习图像布局。与其他布局不同,它允许多个子视图重叠在同一个位置上。Framelayout布局通常用于包含多个视图的复杂用户界面,其中每个视图叠加到下一个视图上。一个常见的例子是使用Framelayout布局创建引导屏幕和体验界面。 Framelayout布局还可以在屏幕的不同部分显示不同的内容。例如,如果你想在一个页面上显示一个照片和一个文本框,你可以使用Framelayout布局将照片放在顶部,然后将文本框放在底部,从而将两者分别放在屏幕的顶部和底部。 Framelayout布局非常适合在Android应用中使用,因为它允许不同的视图叠加在一起,从而创建优美且动态的用户界面。它也非常灵活,可以与其他布局组合使用,例如linearlayout和relativelayout,以创建更复杂的UI。 使用Framelayout布局时,我们需要注意重叠的顺序,确保每个子视图的可见性,以及确保每个子视图都有正确的大小和位置。我非常喜欢使用Framelayout布局来构建Android应用的复杂用户界面,它为我们提供了一个强大而灵活的工具,使我们能够创建动态而美丽的UI。 <h3>回答3:</h3><br/>Android布局通常由LinearLayout,RelativeLayout,GridLayoutFrameLayout组成。其中,FrameLayout是最常用的布局之一。FrameLayout是一个布局类,允许您将多个子视图放置在一个单独的视图中,并使用简单的轻量级方式来控制它们的位置和大小。 FrameLayout是一个非常简单的布局,它只是在屏幕上按照子视图排列,没有其他布局,它的根元素是FrameLayoutFrameLayout的特点: 1. FrameLayout可以让我们在同一个屏幕上用多个视图叠放在一起。 2. FrameLayout只会使用最上层的视图,也就是覆盖上面的视图。 3. FrameLayout的每一个子视图都是按照原始大小排列在屏幕上的,并且它们的位置是相对于FrameLayout的左上角而言的。 4. FrameLayout适用于一些小组件布局,比如“确定”和“取消”按钮、气泡等。 FrameLayout的使用方法: 1. 在Activity的XML文件中,建立一个FrameLayout标签。 2. 在FrameLayout标签中添加子视图。 3. 使用android:layout_gravity属性设置子视图的位置和对齐方式。 例如:如果您想让一个ImageView占据整个屏幕并覆盖其他视图,则可以使用如下代码实现: <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/background_image" /> </FrameLayout> 上述代码创建了一个FrameLayout,并在其中包含了一个ImageView视图。ImageView的布局宽度和高度都设置为match_parent,这意味着它将占据整个屏幕的宽度和高度。因此,既可以显示“background_image”图片,也可以覆盖其他视图。 总之,FrameLayout是一种非常常用的布局,在Android应用程序中可以发挥重要作用。您可以使用它的轻量级方式进行布局,以使您的应用程序更加高效、灵活和简单。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 47
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值