切换图片 ImageSwitcher

我们在Windows 平台上要查看多张图片，最简单的办法就是通过 "Window 图片和传真查看器“在 ”下一张“ 和”上一张“之间切换，Android平台上可以通过 ImageSwitcher 类来实现这一效果。ImageSwitcher 类必须设置一个ViewFactory,主要用来将显示的图片和父窗口区分开来，因此需要实现ViewSwitcher.ViewFactory接口，通过makeView()方法来显示图片，这里会返回一个ImageView 对象，而方法 setImageResource用来指定图片资源。首先先让我们看看这个例子的运行效果。

示例
Java代码

package xiaohang.zhimeng;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ViewSwitcher.ViewFactory;
public class Activity01 extends Activity implements OnClickListener,
ViewFactory {
// 所有要显示的图片资源索引
private static final Integer[] imagelist = { R.drawable.img1,
R.drawable.img2, R.drawable.img3, R.drawable.img4, R.drawable.img5,
R.drawable.img6, R.drawable.img7, R.drawable.img8, };
// 创建ImageSwitcher对象
private ImageSwitcher m_Switcher;
// 索引
private static int index = 0;
// "下一页"按钮ID
private static final int BUTTON_DWON_ID = 0x123456;
// “上一页”按钮ID
private static final int BUTTON_UP_ID = 0x123457;
// ImageSwitcher对象的ID
private static final int SWITCHER_ID = 0x123458;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 创建一个线性布局LinearLayout
LinearLayout main_view = new LinearLayout(this);
// 创建ImageSwitcher对象
m_Switcher = new ImageSwitcher(this);
// 在线性布局中添加ImageSwitcher视图
main_view.addView(m_Switcher);
// 设置ImageSwitcher对象的ID
m_Switcher.setId(SWITCHER_ID);
// 设置ImageSwitcher对象的数据源
m_Switcher.setFactory((ViewFactory) this);
m_Switcher.setImageResource(imagelist[index]);
// 设置显示上面的线性布局
setContentView(main_view);
// 设置背景图片
main_view.setBackgroundResource(R.drawable.xh);
// 创建“下一张”按钮
Button next = new Button(this);
next.setId(BUTTON_DWON_ID);
next.setText("下一张");
next.setOnClickListener((OnClickListener) this);
LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(100,
100);
main_view.addView(next, param);
// 创建“上一张”按钮
Button pre = new Button(this);
pre.setId(BUTTON_UP_ID);
pre.setText("上一张");
pre.setOnClickListener((OnClickListener) this);
main_view.addView(pre, param);
}
// 事件监听、处理
public void onClick(View v) {
switch (v.getId()) {
// 下一页
case BUTTON_DWON_ID:
index++;
if (index >= imagelist.length) {
index = 0;
}
// ImageSwitcher对象资源索引
m_Switcher.setImageResource(imagelist[index]);
break;
// 上一页
case BUTTON_UP_ID:
index--;
if (index < 0) {
// 到最后一张
index = imagelist.length - 1;
}
// ImageSwitcher对象资源索引
m_Switcher.setImageResource(imagelist[index]);
default:
break;
}
}
public View makeView() {
// 将所有图片通过ImageView来显示
return new ImageView(this);
}
}

源码附件
xh_04_18_Test.rar (690.79 KB, 下载次数: 0)

切换图片 ImageSwitcher相关推荐

Android左右滑动切换图片
简要说明本文采用ImageSwitcher实现左右滑动切换图片.首先调用setFactory方法,设置视图工厂:然后设置手指触碰监听,判断左滑右滑进而切换图片. 本地图片 xml <?xml ...
android自动切换图片,Android应用中图片浏览时实现自动切换功能的方法详解
先给最终效果图: 当我们在最下边的gallery中切换图片时,上面的大图片会自动切换,切换时有动画效果哦,很简单的一个程序,有待完善更多的功能! activity代码: package cn.com. ...
阅读《Android 从入门到精通》（24）——切换图片
切换图片(ImageSwitcher) java.lang.Object; android.view.View; android.widget.ViewGroup; android.widget.Fr ...
javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）...
在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...
html简单的图片切换js,一分钟让你学会如何使用js切换图片
利用js实现简单的动画效果 js简介 JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. Java ...
JavaScript基础15-day17【BOM(Navigator、History、Location)、定时器、切换图片练习、轮播图】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
【JavaScript】修改图片src属性切换图片
今天做项目时其中一个环节需要用到js修改图片src属性切换图片,现在来记录一下以下是示例: html <img src="/before.jpg" id="img ...
HTML5编程实战之二：用动画的形式切换图片
本文主要用到的知识本文主要用到了Canvas API中的drawImage方法,下面对此方法略做介绍. 在Canvas API中绘制图像用drawImage方法,这是一个重载方法,定义如下: con ...
JQuery实现点击按钮切换图片(附源码)--JQuery基础
JQuery实现切换图片相对比较简单,直接贴代码了哈,有注释噢!疑问请追加评论哈,不足之处还请大佬们指出! 1.案例代码: demo.html: <!DOCTYPE html> <h ...

切换图片 ImageSwitcher

切换图片 ImageSwitcher相关推荐

最新文章

热门文章