Android高级组件ImageSwitcher图像切换器使用方法详解

图像切换器（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]);//显示当前图片
          }
        });
  }
} 

效果如图所示：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

您可能感兴趣的文章:

• Android UI控件之ImageSwitcher实现图片切换效果
• Android常用控件ImageSwitcher使用方法详解
• Android之ImageSwitcher的实例详解
• Android控件ImageSwitcher实现左右图片切换功能
• 很赞的引导界面效果Android控件ImageSwitcher实现
• Android基于ImageSwitcher实现图片切换功能
• Android入门之Gallery+ImageSwitcher用法实例解析