【Android开发】高级组件-图像切换器

图像切换器（ImageSwitcher），用于实现类似于Windows操作系统的“Windows照片查看器”中的上一张、下一张切换图片的功能。在使用ImageSwitcher时，必须实现ViewSwitcher.ViewFactory接口，并通过makeView()方法来创建用于显示图片的ImageView。makeView()方法将返回一个显示图片的ImageView。在使用图像切换器时，还有一个方法非常重要，那就是setImageResource方法，该方法用于指定要在ImageSwitcher中显示的图片资源。

下面通过一个实例来说明图像切换器的用法。

res/layout/main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:id="@+id/layout"
    android:gravity="center">
    <Button 
        android:text="上一张"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button1"/>
    <ImageSwitcher
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:id="@+id/imageSwitcher1"/>
    <Button 
        android:text="下一张"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button2"/>
</LinearLayout>

MainActivity:

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;


public class MainActivity extends Activity{
  //声明并初始化一个保存要显示图像id的数组
  private int[] imageId=new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03,
      R.drawable.img04,R.drawable.img05,R.drawable.img06,R.drawable.img07,
      R.drawable.img08};
  private int index=0;//当前显示图像的索引
  private ImageSwitcher imageSwitcher;//声明一个图像切换器对象
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    imageSwitcher=(ImageSwitcher)findViewById(R.id.imageSwitcher1);//获取图像切换器
    //设置动画效果
    imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));//设置淡入动画
    imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));//设置淡出动画
    imageSwitcher.setFactory(new ViewFactory() {//设置View工厂
      
      @Override
      public View makeView() {
        ImageView imageView=null;
        imageView=new ImageView(MainActivity.this);//实例化一个ImageView类的对象
        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);//设置保持纵横比居中缩放图像
        imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
            LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
        return imageView;
      }
    });
    imageSwitcher.setImageResource(imageId[index]);//显示默认的图片
    
    //“上一张”和“下一张”按钮的控制
    Button up=(Button)findViewById(R.id.button1);
    Button down=(Button)findViewById(R.id.button2);
    up.setOnClickListener(new OnClickListener() {
      
      @Override
      public void onClick(View arg0) {
        if(index>0){
          index--;//图片索引后退一个
        }else{
          index=imageId.length-1;//图片达到最前面一张之后，循环至最后一张
        }
        imageSwitcher.setImageResource(imageId[index]);//显示当前图片
      }
    });
    down.setOnClickListener(new OnClickListener() {
          
          @Override
          public void onClick(View arg0) {
            if(index<imageId.length-1){
              index++;//图片索引前进一个
            }else{
              index=0;//图片达到最后面一张之后，循环至第一张
            }
            imageSwitcher.setImageResource(imageId[index]);//显示当前图片
          }
        });
  }
}

效果如图所示：

​