Android UI控件之ImageSwitcher(图片切换)

       从该名字就可以看出来,ImageSwitcher是一个图片切换控件,可以在一系列的图片中,逐张

        的显示特定的图片,利用该控件可以实现图片浏览器中的上一张,下一张的功能。其使用方法也较

        为简单,不过需要注意的是ImageSwitcher在使用的时候需要一个ViewFactory,用来区分显示图片

        的容器和他的父窗口。

                具体的用法直接看实例,照例,先上效果图

                   

                看看下一张的效果:

                布局文件就不多谈了直接看MainActivity代码部分吧:

[java]  view plain copy
  1. package com.kiritor.ui_imageswitcher;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.view.View.OnClickListener;  
  7. import android.widget.Button;  
  8. import android.widget.ImageSwitcher;  
  9. import android.widget.ImageView;  
  10. import android.widget.ViewSwitcher.ViewFactory;  
  11. /*注意,此处直接让该类实现ViewFactory和OnClickListener接口*/  
  12. public class MainActivity extends Activity implements ViewFactory, OnClickListener {  
  13.       /*获取图片资源集*/  
  14.       private static final Integer[] images = {  
  15.            R.drawable.first,  
  16.            R.drawable.second,  
  17.            R.drawable.third,  
  18.              
  19.       };  
  20.        
  21.       private ImageSwitcher is;  
  22.       private Button btnPrev,btnNext;  
  23.       private static int index = 0;  
  24.     /** Called when the activity is first created. */  
  25.     @Override  
  26.     public void onCreate(Bundle savedInstanceState) {  
  27.         super.onCreate(savedInstanceState);  
  28.         setContentView(R.layout.activity_main);  
  29.         /*通过ID获取控件*/  
  30.         is = (ImageSwitcher) findViewById(R.id.image_switchter);  
  31.         btnPrev = (Button) findViewById(R.id.pre);  
  32.         btnNext = (Button) findViewById(R.id.next);  
  33.         
  34.         is.setFactory(this);//设置ImageSwitcher所需的ViewFactory  
  35.         is.setImageResource(images[index]);//设置初始的图片资源  
  36.         /*由于本类实现了OnClickListen而接口,所以这里参数可以直接用this*/  
  37.         btnPrev.setOnClickListener(this);  
  38.         btnNext.setOnClickListener(this);  
  39.     }  
  40.     /*因为实现了接口,需要实现接口中未实现的方法*/  
  41.       public void onClick(View v) {  
  42.            switch(v.getId()){  
  43.            case R.id.next:  
  44.                  index++;  
  45.                  if(index>=images.length){  
  46.                       index = 0;  
  47.                  }  
  48.                  is.setImageResource(images[index]);  
  49.                  break;  
  50.            case R.id.pre:  
  51.                  index--;  
  52.                  if(index<0){  
  53.                       index = images.length - 1;  
  54.                  }  
  55.                  is.setImageResource(images[index]);  
  56.                  break;  
  57.            default:  
  58.                  break;  
  59.            }  
  60.       }  
  61.       /** 
  62.        * 该方法返回一个View的实例 
  63.        * 这个实例就是要在ImageSwitcher中所显示的 
  64.        * 此处就用ImageView来显示内容 
  65.        * 所以直接返回一个新的ImageView的实例 
  66.        */  
  67.       public View makeView() {  
  68.            return new ImageView(this);  
  69.       }  
  70. }               

       以上代码中需要注意的是:
                  1. 本类实现了两个接口,于是在类中就要实现这两个接口中的方法,而这样写的好处在于:
                    便于重用,之后的代码中在需要用到这两个接口的地方,可以直接用this关键字。
                2.images作为一个整型数组静态常量,里面存放的,是所有图片的ID,这需要将图片复制
                    到res目录下的drawable目录下。
                3.setFactory()方法告诉系统,ImageSwitcher要以什么样子来显示内容,而setImageSource()
                    则告诉系统,要显示的那些图片从哪里获得。
                4. makeView()方法是ViewFactory接口定义的方法,该方法返回一个View,而ImageSwitcher
                    就会按照这个View的布局来显示内容。

               好了一个简单的图片浏览器就算完成了!
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值