Pro Android学习笔记（二七）用户界面和控制（15） FrameLayout

本文主要是介绍Pro Android学习笔记（二七）用户界面和控制（15） FrameLayout，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

FrameLayout

FrameLayout通常只包含一个控件。如果我们在FrameLayout中设置多个控件，则第二个控件会堆叠在第一个控件上面，如此类推，一层一层地叠上去。下面的例子，我们在FrameLayout中设置两个控件，一个可视，另一个不可视也不占位置（GONE），点击，通过设置可视属性，实现点击切换图片的视觉效果。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <ImageView android:id="@+id/imageViewOne"
        android:src="@drawable/sunflower01"
        android:scaleType="fitCenter"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <ImageView android:id="@+id/imageViewTwo"
        android:src="@drawable/sky02"
        android:scaleType="fitCenter"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"/>
</FrameLayout>

Java代码如下：

private ImageView one = null;
private ImageView two = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
    setContentView(R.layout.ui_frame);
    one = (ImageView)findViewById(R.id.imageViewOne);
    two = (ImageView)findViewById(R.id.imageViewTwo);
    one.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            two.setVisibility(View.VISIBLE);
            one.setVisibility(View.GONE);
        }
    });

    two.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            one.setVisibility(View.VISIBLE);
            two.setVisibility(View.GONE);
        }
    });
}

FrameLayout一般用于单个控件，但是利用其将可控件堆叠的效果，可以设置一些特殊，如下面XML文件：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <ImageView android:id="@+id/imageViewOne"
        android:src="@drawable/sunflower01"
        android:scaleType="fitCenter"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <ImageView android:id="@+id/imageViewTwo"
        android:src="@drawable/png13"
        android:scaleType="center"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</FrameLayout>