当前位置:主页 > 移动开发 > Android代码 >

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

时间:2022-03-10 20:57:09 | 栏目: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]);//显示当前图片 
          } 
        }); 
  } 
} 

效果如图所示:

您可能感兴趣的文章:

相关文章