我在看《第一行代码》中的碎片部分，对其中的这部分代码没有办法理解
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<fragment
android:id="@+id/left_fragment"
android:name="com.example.qiao.fragmenttest.LeftFragment"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2" />
<FrameLayout
android:id="@+id/right_layout"
android:layout_width="10dp"
android:layout_weight="1"
android:layout_height="match_parent">
<fragment
android:id="@+id/right_fragment"
android:name="com.example.qiao.fragmenttest.RightFragment"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
</FrameLayout><!--相对布局-->
</LinearLayout>
我的主要困惑是不理解这里为什么要添加
FrameLayout
,作用是覆盖在
fragment
上，类似于浮动的效果吗？
同时
<FrameLayout
android:id="@+id/right_layout"
android:layout_width="10dp"
android:layout_weight="1"
android:layout_height="match_parent">
这部分属性到底作用在哪里又该怎么理解，如何确定他们的大小。
FrameLayout 的作用
在 Activity 中托管一个 UI Fragment 有两种方式：(1)添加 fragment 到 activity 布局中；(2)在 activity 代码中添加 fragment。
left_fragment
和
right_fragment
都是采用了第1种方式。
对于第2种方式，需要在布局文件中为 Fragment 添加一个容器，以安排 Fragment 在 activity 视图中的位置。实践中常选用
FrameLayout
作为容器。
至于你贴出来的
right_layout
的作用，要看代码的意图。我猜作者是想演示如何通过代码添加一个Fragment(也就是第2种方式)，用来与第1种方式作对比。也可能没有任何用意，因为布局文件是错误的！
需要纠正第1个错误，在FrameLayout视图的子组件中，layout_weight属性是无效的，你会得到如下的黄色感叹号警告：
Invalid layout param in a FrameLayout: layout_weight
按你贴出来的布局文件，right_fragment 由于layout_width 为0dp，根本就不会显示。
需要纠正第2个错误， 是注释的错误，FrameLayout 并不是相对布局，它就是一个容器，向其中添加的任何子组件，需要通过
layout_gravity
属性值决定在父视图中的位置，而各个子组件并不能像 RelativeLayout 一样，定义相对位置。
android:layout_weight 属性的工作原理
该属性告知 LinearLayout 如何安排子组件的布局。对于水平方向的 LinearLayout，查看
layou_width
和
layout_weight
以决定子组件的宽度。
你贴出来的布局中，LinearLayout 有2个子组件，下文称 left_fragment 为 child1，称 right_layout 为 child2：
第1步，查看 layout_width 属性值，为 child1 分配0dp，为 child2 分配10dp；
第2步，依据 layout_weight 属性值分配剩余的宽度，child1 将分配到 2/3, child2 将分配到 1/3.
你看到最外面LinearLayout的orientation了没，然后FrameLayout的宽只有10dp。  😀

FrameLayout是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。
在FrameLayout布局里，定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角，根本不听你的控制。


有些情况下，我们可能必须要用到Framelayout。
这时候我们只需要记住一个标准：后面的代码总是会覆盖在前面代码之上，但是根据面积来覆盖的，所以可以通过调整代码先后顺序来实现效果。

总结：

1、所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。在FrameLayout布局里，定义任何空间的位置相关的属性都毫无意义。

2、android:gravity="right"是控制控件内部文本的格式的。







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="50dip"

    android:textColor="#ffffff"

    android:text="第一层"/>

<TextView 

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:textSize="40dip"

    android:textColor="#ffff00"

    android:text="第二层"/>

<TextView 

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:textSize="30dip"

    android:textColor="#ff00ff"

    android:text="第三层"/>

<TextView 

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:textSize="20dip"

    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="50dip"

    android:textColor="#ffffff"

    android:text="第一层"/>

<TextView 

    android:id="@+id/tv2"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:textSize="40dip"

    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"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:textSize="30dip"

    android:textColor="#ff00ff"

    android:gravity="right"

android:text="第三层"/>

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






变化3


我们再来试试” android:layout_centerVertical”属性。把第四个文本框改成：

<TextView 

    android:id="@+id/tv4"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:textSize="20dip"

    android:textColor="#00ffff"

    android:layout_centerVertical="true"

android:text="第四层"/>

效果如何？没任何效果！

 

总结一下，经过以上的3个实验，我们知道FrameLayout根本无法控制他的子控件的位置。所有的控件都是左上对其。但是控件本身是可以控制自己内部的布局的。所以利用透明，也是可以完成一些简单的功能的。例如屏幕四个角各显示一些文字(是显示文字，没法放置控件)。因为每一层覆盖下一层的时候，如果用透明背景，则下一层不会被背景覆盖。

什么是透明背景？这个……说来话长啦。偷个懒，下次写一下透明的处理。

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

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

转自：http://blog.csdn.net/yihui823/article/details/6702273 

1. 什么是FrameLayout布局?

FrameLayout布局是最简单的布局方式，所有添加到这个布局中的视图都是以层叠的方式显示。第一个添加到布局中视图显示在最底层，最后一个被放在最顶层。上一层的视图会覆盖下一层的视图，因此该布局类似于堆栈布局。注意点：a.默认对其方式是左上角对其。b.若要设置子视图的位置，要设置layout_gravity属性值。


2.FrameLayout如何设置其子视图(例如ImageView)的位置？

通过layout_gravity设定值，再配合layout_marginTop，layout_marginLeft来设置位置。

举例，下面程序结果截图中，有4幅图：第一层图天空大背景，第二层图是鸟图，第三层图是观音菩萨图，第四层图是汽车图。若不设置ImageView的位置，则此四幅图都将默显示在左上角，并且第一层图在最下面，第四层图在最上面。要实现图中四幅图的位置效果，则分别对应以下设置：

a. 第一层天空背景图 : layout_gravity="center"

b. 第二层鸟图 : layout_gravity = "center" layout_marginTop="-70dp" (注意：此处是负数，因为 layout_gravity = "center" 表示水平和垂直方向上居中，基准线为视图水平和垂直方向的中点，因为鸟在基准线的上方向(负方向)，所以为负数)

c. 第三层观音菩萨图 ：layout_gravity="top" layout_marginTop="20dp" layout_marginLeft="20dp' (注意：layout_gravity="top" 表示垂直方向顶端对齐，而水平方向是默认左对齐)

d. 第四层汽车图 : layout_gravity="center" layout_marginTop="40dp" (对应第二层鸟图的分析，就很容易理解，汽车在基准线下方向（正方向），所以为负数。并且注意：此处的基准线不是屏幕的最上方，而是水平和垂直方向各自的中心线)

以上的分析，请参考下图实际程序运行结果图和视图代码。

--------------------------------------------------------------------------------------------------------------------------------




程序运行结果图：




<frameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <imageview
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/sky2" >

        <imageview
            android:layout_width="40dp"
            android:layout_height="26dp"
            android:layout_gravity="center"
            android:layout_margintop="-70dp"
            android:background="@drawable/bird" >

            <imageview
                android:layout_width="75dp"
                android:layout_height="98dp"
                android:layout_gravity="top"
                android:layout_marginleft="20dp"
                android:layout_margintop="20dp"
                android:background="@drawable/guanyinpusa" >

                <imageview
                    android:layout_width="80dp"
                    android:layout_height="50dp"
                    android:layout_gravity="center"
                    android:layout_margintop="40dp"
                    android:background="@drawable/car" >
                </imageview>
            </imageview>
        </imageview>
    </imageview>

</frameLayout>
其他实例：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/white" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/big"
        android:textColor="@color/red"
        android:textSize="60sp" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/middle"
        android:textColor="@color/blue"
        android:textSize="40sp" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/samll"
        android:textColor="@color/black"
        android:textSize="20sp" />

</FrameLayout>