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

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

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

res/layout/main.xml:

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:id="@+id/layout"

android:gravity="center">

android:text="上一张"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/button1"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:id="@+id/imageSwitcher1"/>

android:text="下一张"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/button2"/>

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

index++;//图片索引前进一个

}else{

index=0;//图片达到最后面一张之后,循环至第一张

}

imageSwitcher.setImageResource(imageId[index]);//显示当前图片

}

});

}

}

效果如图所示:

ece433957e09bc1cddfc561a2fac3ccd.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值