前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android高级组件ImageSwitcher图像切换器使用方法详解

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

作者头像
砸漏
发布2020-10-29 23:05:48
2K0
发布2020-10-29 23:05:48
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

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

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

res/layout/main.xml:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
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]);//显示当前图片 
} 
}); 
} 
} 

效果如图所示:

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档