android学习笔记——ImageSwitcher控件（图片切换器）

当我们想要连续的观看多张图片的时候，动用Activity就太小题大做的，也不合适。我们需要的是一个能够一直换里面内容的一个容器就够了，ImageSwitcher就是这样的一个控件。

ImageSwitcher控件详解：http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/0305/966.html

在介绍这个控件的使用实例之前，我们需要简单的介绍一下它。

在Android中，可以通过使用图片切换控件ImageSwitcher来实现浏览多张图片的功能。

要将图片显示在ImageSwitcher控件中，必须为ImageSwitcher类设置一个ViewFactory，用来将显示的图片和父窗口区分开来。这可以通过如下方法来实现：mImageSwitcher.setFactory();

此外，我们还需要实现ViewSwitcher.ViewFactory接口中的makeView()抽象方法，通过该方法可以返回一个ImageView对象，所有图片都将通过该ImageView对象来进行显示。

public View makeView() {
         return new ImageView(this);
     }

 

向ImageSwitcher加载图片的方式：

（1）public void setImageDrawable(Drawable drawable); 通过Drawable对象来获取图片资源；

（2）public void setImageResource(int resid); 通过图片资源Id来获取图片资源；

（3）public void setImageURI(Uri uri); 通过图片的Uri路径来获取图片资源。

好了好了，介绍这么多就够了，下面我们用一个实例来具体的讲解一下ImageSwitcher该怎么用。

还记得上一节的GridVIew么，这次我们就给item来个点击看大图，还可以看上一张下一张。

列个要做哪些事：

1.在item的点击中设置Intent，而且要传入该图片的位置信息，方便之后显示

2.给这个Activity写好xml布局，一个ImageSwitcher，一个Button_pre，一个Button_next

3.在DisplayActivity.java中做好图片内容设置（就是ImageSwitcher的具体用法了）

明白要干什么了，我们就开始吧。

//给GridView设置item的点击事件
gvImage.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

       // Toast.makeText(MainActivity.this,""+images[position],Toast.LENGTH_LONG).show();

        Intent intent = new Intent(MainActivity.this,DisplayActivity.class);     //相信大家对Intent已经不陌生了。用显式调用就ok

        intent.putExtra("position",position);                         //你要知道点了哪个，所以要传入这个position这个值啊

        startActivity(intent);
    }

});

我们来看看xml是怎么写的：

<? xml version= "1.0"  encoding= "utf-8" ?>
< RelativeLayout
    xmlns: android = "http://schemas.android.com/apk/res/android"
    android :layout_width= "match_parent"
    android :layout_height= "match_parent">

    < ImageSwitcher
        android :id= "@+id/imageSwitcher1"
        android :layout_width= "match_parent"
        android :layout_height= "fill_parent"
        android :layout_above= "@+id/linear"
        android :layout_alignParentLeft= "true"
        android :layout_alignParentTop= "true">
    </ ImageSwitcher>
    < LinearLayout
        android :id= "@+id/linear"
        android :layout_width= "match_parent"
        android :layout_height= "wrap_content"
        android :layout_alignParentBottom= "true">

        < Button
            android :id= "@+id/btn_pre"
            android :layout_width= "wrap_content"
            android :layout_height= "wrap_content"
            android :layout_weight= "1"
            android :layout_marginLeft= "32dp"
            android :onClick= "displayPrevious"
            android :text= "上一张"/>
        < Button
            android :id= "@+id/btn_next"
            android :layout_marginRight= "34dp"
            android :onClick= "displayNext"
            android :text= "下一张"
            android :layout_weight= "1"
            android :layout_width= "wrap_content"
            android :layout_height= "wrap_content" />
    </ LinearLayout>

</RelativeLayout>

没什么难的，一个ImageSwitcher，俩Button，在Button里面设置了一下点击事件，这个点击的活动方法一会在DisplayActivity.java中写出来。

再来看看最重要的步骤吧。

这里我们就需要用到本篇开头介绍的ImageSwitcher的使用方法了。

先把要做的事情先列一下：

1.获取到xml布局中的ImageSwitcer控件

2.给isImages设置工厂方法.setFactory((ViewSwitcher.ViewFactory)this);这个方法就是要给ImageSwitcher这个控件中加入ImageView这样的内容，方便切换。这里需要重写一个方法View makeView(){return imageView}

3.得到传入该Activity的参数（点击这个图片时要传入该图片的position）

4.数据源需要用到，在这里初始化了。

5.给ImageSwitcher设置数据源isImage.setImageResource(images[currentPosition]);

6.写一下两个button的点击触发方法。一个displayPrevious(View view) 一个displayNext(View view)方法。改变图片的方式就是增加/减少currentPosition，然后设置ImageResource

好了，下面看具体的代码吧。

public class DisplayActivity extends Activity implements ViewSwitcher.ViewFactory {

//注意这里该Activity需要实现ViewFactory这个接口中的一些方法，就是下面我们要用到的makeView这个方法

//声明一个图片切换器
private ImageSwitcher isImages;
//记录当前显示的第几张图片，是一个数组的索引
private int currentPosition;
int[] images;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout. activity_display);
//初始化切换器
isImages = (ImageSwitcher) findViewById(R.id. imageSwitcher1);
//给切换器加一个factory 可以把它看成是一个容器
isImages.setFactory((ViewSwitcher.ViewFactory) this);
//当前显示的图片的索引就是从intent传过来的附加信息，我们通过getIntExtra得到他
currentPosition = getIntent().getIntExtra( "position", 0);

images = new int[]{
R.mipmap. image1,R.mipmap. image2,R.mipmap. image3,
R.mipmap. image4,R.mipmap. image5,R.mipmap. image6,
R.mipmap. image7,R.mipmap. image8,R.mipmap. image9,
R.mipmap. image1,R.mipmap. image2,R.mipmap. image3,
R.mipmap. image4,R.mipmap. image5,R.mipmap. image6,
R.mipmap. image7,R.mipmap. image8,R.mipmap. image9
};
//给图片切换器设置图片
isImages.setImageResource( images[ currentPosition]);
}
/**
* 显示上一张图片
* 给图片索引做一个--的动作，判断当当前值小于0时，给它提示当前为第一张。
*/
public void displayPrevious(View view){
currentPosition--;
if( currentPosition< 0){
Toast. makeText( this, "已经是第一张图片了",Toast. LENGTH_SHORT).show();
currentPosition = 0;
}
isImages.setImageResource( images[ currentPosition]);
}

/**
* 显示下一张图片
* 给图片索引做一个++操作，判断当 当前值大于最后一张时，提示它为最后一张
*/
public void displayNext(View view){
currentPosition++;
if( currentPosition> images. length- 1){
Toast. makeText( this, "已经是最后一张图片了",Toast. LENGTH_SHORT).show();
currentPosition = images. length- 1;
}
isImages.setImageResource( images[ currentPosition]);
}

/**完成ViewFactory接口的时候，必须要重写的方法makeView
* 他的作用是返回来一个ImageView对象，同来显示选中的图片。
* 我们需要给他设置一些属性，例如，设置布局等等。
*/
@Override
public View makeView() {
ImageView imageView = new ImageView( this);
imageView.setLayoutParams( new ImageSwitcher.LayoutParams(ViewGroup.LayoutParams. MATCH_PARENT, ViewGroup.LayoutParams. MATCH_PARENT));
return imageView;
}

}

好了，以上就是ImageSwitcher的一个简单应用了。是不是很简单？不会别着急，我们把任务一点一点分解开来，然后再细致的去想，思考每一步要做的细节是什么，很容易就记下来了对不对。