一步一步学android控件（之二十八）—— ViewFlipper

说到ViewFlipper控件呢就想到ImageSwitcher和TextViewSwitcher（具体使用方法参见一步一步学android控件（之十九）—— ImageSwitcher & TextSwitcher），ImageSwitcher用来在两个ImageView之间切换；TextViewSwitcher用来在两个TextView之间切换；而ViewFlipper呢支持多种类型的多个View之间切换。ViewFlipper和ImageSwitcher、TextViewSwitcher的相同点就是同一时刻都只显示一个View。

ViewFlipper也是ViewAnimator的扩展，其继承结构图如下：

下面通过一个简单的示例展示ViewFlipper的用法：

1、在ViewFlipper中添加不同类型的View。

2、了解ViewFlipper的自动播放模式（类似幻灯片），个自定义用户操作模式（用户向左滑动显示下一个View，向右滑动，显示上一个View）。

效果展示：

贴代码：

1、布局文件widget_view_flipper_layout.xml

<?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="vertical" >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal" >        <Button            android:id="@+id/auto_fling_btn"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/str_auto_fling" />        <Button            android:id="@+id/action_fling_btn"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/str_action_fling" />    </LinearLayout>    <ViewFlipper        xmlns:android="http://schemas.android.com/apk/res/android"        android:id="@+id/view_flipper_show"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:autoStart="true"        android:flipInterval="2000"        android:layout_gravity="center" >        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:contentDescription="@string/app_name"            android:src="@drawable/fendou" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:contentDescription="@string/app_name"            android:src="@drawable/image_run" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:contentDescription="@string/app_name"            android:src="@drawable/angry_bird" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:contentDescription="@string/app_name"            android:src="@drawable/hello_image_view" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/app_name"            android:textAppearance="?android:attr/textAppearanceLarge" />    </ViewFlipper></LinearLayout>

属性android:autoStart="true",表示ViewFlipper自动切换。android:flipInterval="2000",切换的频率——每两秒切换一次View。

2、布局文件中使用到的字符串strings.xml

<!-- strings for ViewFlipper -->    <string name="str_auto_fling">自动切换</string>    <string name="str_action_fling">滑动切换</string>    <!-- end -->

3、activity——WidgetViewFlipperActivity.java

package com.xy.zt.selfdefinewieget;import android.app.Activity;import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnTouchListener;import android.widget.Button;import android.widget.ViewFlipper;public class WidgetViewFlipperActivity extends Activity        implements OnClickListener, OnTouchListener {    public static final float MIN_GAP = 10;    private float downX;    private ViewFlipper mFLipper;    private Button mAutoFling;    private Button mActionFLing;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.widget_view_flipper_layout);        init();    }    private void init() {        mFLipper = (ViewFlipper) findViewById(R.id.view_flipper_show);        mAutoFling = (Button) findViewById(R.id.auto_fling_btn);        mAutoFling.setOnClickListener(this);        mActionFLing = (Button) findViewById(R.id.action_fling_btn);        mActionFLing.setOnClickListener(this);    }    public void onClick(View v) {        switch (v.getId()) {            case R.id.auto_fling_btn:                mFLipper.setAutoStart(true);                mFLipper.setFlipInterval(1000);                mFLipper.setOnTouchListener(null);                mFLipper.startFlipping();                break;            case R.id.action_fling_btn:                mFLipper.stopFlipping();                mFLipper.setAutoStart(false);                mFLipper.setOnTouchListener(this);                break;        }    }    public boolean onTouch(View v, MotionEvent event) {        switch (event.getAction()) {            case MotionEvent.ACTION_DOWN:                downX = event.getX();                break;            case MotionEvent.ACTION_UP:                float upX = event.getX();                if (upX - downX > MIN_GAP) {                    mFLipper.showPrevious();                } else if (upX - downX <= MIN_GAP) {                    mFLipper.showNext();                }                break;            case MotionEvent.ACTION_CANCEL:                return false;        }        return true;    }}

在onTouch方法中根据水平滑动距离判断，是向左滑动则显示下一个View，向右滑动则显示上一个View。

4、在ViewData.java中添加如下内容（此部分内容可选）：

public static final int VIEW_FLIPPER_ID = SLISING_DRAWER_ID + 1;    public static final String VIEW_FLIPPER_NAME = "ViewFlipper";private static final ViewData mViewFlipper = new ViewData(VIEW_FLIPPER_NAME,            VIEW_FLIPPER_ID);View_Datas.add(mViewFlipper);

WidgetsAdapter的handleItemClicked方法中添加如下内容：

case ViewData.VIEW_FLIPPER_ID:                intent.setClass(mContext, WidgetViewFlipperActivity.class);                mContext.startActivity(intent);                break;

以上就是ViewFlipper的全部内容下一个控件SearchView 。