软件编程
位置:首页>> 软件编程>> Android编程>> Android高级组件ImageSwitcher图像切换器使用方法详解

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

作者:光仔December  发布时间:2023-11-07 13:18:19 

标签: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高级组件ImageSwitcher图像切换器使用方法详解

来源:http://blog.csdn.net/acmman/article/details/44921989

0
投稿

猜你喜欢

手机版 软件编程 asp之家 www.aspxhome.com