Android控件之ImageSwticher

Android控件之ImageSwticher

 

 

---

1. ImageSwticher介绍

  ImageSwitcher是图片切换的控件，它能实现图片切换时的动画效果，包括图片导入效果、图片消失效果等等。Android系统提供了许多不同的动画效果供我们选择。

 

 

---

2. 应用示例

示例说明：新建一个activity，包括一个ImageSwitcher控件。ImageSwitcher中的图片，每5秒钟变换一个。
代码说明：

package com.skywang.control;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.RelativeLayout.LayoutParams;
import android.widget.ViewSwitcher.ViewFactory;

public class ImageSwitcherTest extends Activity implements ViewFactory {
    
    private ImageSwitcher mSwitcher;

    // 图片数组，用于在ImageSwitcher中切换
    private Integer[] mImageIds = { R.drawable.pic1,
            R.drawable.pic2, R.drawable.pic3, R.drawable.pic4 };
    // 图片显示序号
    private int mIndex = 0;
    private ImageSwitchThread mImgThread;
    
    private static final int MSG_SWITCH_IMG = 0x00000001;
    private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case MSG_SWITCH_IMG: {
                    mIndex = (mIndex + 1) % mImageIds.length;
                    mSwitcher.setImageResource(mImageIds[mIndex]);
                    break;    
                }
                default:
                    break;
            }
        }
    };
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.image_switcher_test);        
        setTitle("ImageShowActivity");

        mIndex = 0;
        mSwitcher = (ImageSwitcher) findViewById(R.id.ImageSwitcher01);
        // setFactory的具体实现参考makeView
        mSwitcher.setFactory(this);    
        // 设置ImageSwitcher移入图片时的动画效果
        mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.slide_in_left));
        // 设置ImageSwitcher移除图片时的动画效果
        mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.slide_out_right));
        
        mImgThread = new ImageSwitchThread();        
    }

    @Override
    protected void onResume() {
        super.onResume();
        if (mImgThread != null)
            mImgThread.start();
    }
    @Override
    protected void onPause() {
        super.onPause();
        if (mImgThread != null)
            mImgThread.interrupt();
    }
    
    @Override
    public void onDestroy() {
        super.onDestroy();
    }

    /*
     * makeView()返回的view将被添加到ImageSwitcher中。
     * 也就意味着，第一次若没有设置ImageSwitcher的背景，makeView()的返回值，将作为默认背景。
     * @author skywang
     */
    @Override
    public View makeView() {
        ImageView i = new ImageView(this);
        i.setBackgroundColor(0xFF000000);
        i.setScaleType(ImageView.ScaleType.FIT_CENTER);
        i.setLayoutParams(new ImageSwitcher.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
        return i;
    }

    /**
     * 图片更新线程。每5秒更新一次图片
     * @author skywang
     *
     */
    private class ImageSwitchThread extends Thread {
        @Override
        public void run() {
            super.run();
            try {
                while (!isInterrupted()) {
                    // 发送消息给mHanlder更换图片
                    mHandler.sendEmptyMessage(MSG_SWITCH_IMG);
                    Thread.sleep(5000);
                }
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}

说明:
(01) mSwitcher.setFactory(this); setFactory()的作用是设置ImageSwitcher切换时，用于填充的两个视图。具体的实现是通过makeView()来实现的。
(02) mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.slide_in_left)); 这是来设置ImageSwitcher显示图片时的动画效果，android.R.anim.slide_in_left是android自带的动画效果，即图片显示时，从左边逐渐显示。
(03) mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.slide_out_right)); 这是来设置ImageSwitcher图片消失时的动画效果，android.R.anim.slide_out_right是android自带的动画效果，即图片消失时，从右边逐渐消失。
(04) mImgThread = new ImageSwitchThread(); 用于创建线程，线程ImageSwitchThread的作用是每隔5秒发送消息来更新ImageSwitcher中的图片。

点击下载：源代码

效果图：