Gallery组件主要用于横向显示图像列表，不过按常规做法。Gallery组件只能有限地显示指定的图像。也就是说，如果为Gallery组件指定了10张图像，那么当Gallery组件显示到第10张时，就不会再继续显示了。这虽然在大多数时候没有什么关系，但在某些情况下，我们希望图像显示到最后一张时再重第1张开始显示，也就是循环显示。要实现这种风格的Gallery组件，就需要对Gallery的Adapter对象进行一番改进。

以下通过Gallery模拟循环显示图像，在单击某一个Gallery组件中的图像时在下方显示一个放大的图像（使用ImageSwitcher组件）。

目录结构

Android控件之Gallery探究_显示图像

main.xml布局文件



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
<!-- android:unselectedAlpha: 设置未选中的条目的透明度(Alpha)。该值必须是float类型，比如：“1.2”。 -->
<Gallery android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:spacing="10dip" 
        android:unselectedAlpha="1.2"
        android:id="@+id/gallery"
        android:layout_marginTop="30dp"/>
<ImageSwitcher android:id="@+id/imageSwitcher"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp" />
</LinearLayout>


GalleryActivity类



package com.ljq.ga;


import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.LinearLayout.LayoutParams;
import android.widget.ViewSwitcher.ViewFactory;


public class GalleryActivity extends Activity implements ViewFactory {
private Gallery gallery = null;
private ImageSwitcher imageSwitcher=null;
int[] imageIDs={
            R.drawable.p1,R.drawable.p2,R.drawable.p3, 
            R.drawable.p4,R.drawable.p5,R.drawable.p6,
            R.drawable.p7,R.drawable.p8 };




    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.main);


        imageSwitcher=(ImageSwitcher)findViewById(R.id.imageSwitcher);
// 设置ImageSwitcher组件的工厂对象
        imageSwitcher.setFactory(this);
// 设置ImageSwitcher组件显示图像的动画效果
        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.fade_in));       
        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.fade_out));


        gallery = (Gallery) findViewById(R.id.gallery);
        ImageViewAdapter adapter=new ImageViewAdapter(GalleryActivity.this, imageIDs);
        gallery.setAdapter(adapter);
        gallery.setOnItemSelectedListener(new OnItemSelectedListener(){


public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
//选中Gallery中某个图像时，在ImageSwitcher组件中放大显示该图像
                imageSwitcher.setImageResource(imageIDs[position%imageIDs.length]);
            }


public void onNothingSelected(AdapterView<?> arg0) {


            }


        });


        gallery.setOnItemClickListener(new OnItemClickListener(){
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Log.i("ljq", "parent="+parent.getClass().getName()); //Gallery
                Log.i("ljq", "view="+view.getClass().getName()); //ImageView
                Log.i("ljq", "position=" + position); //1
                Log.i("ljq", "id=" + id);//1
                Gallery gl=(Gallery)parent;
                ImageView iv=(ImageView)view;
            }
        });




    }


// ImageSwitcher组件需要这个方法来创建一个View对象（一般为ImageView对象）
// 来显示图像
    public View makeView() {
        ImageView imageView = new ImageView(this);
        imageView.setBackgroundColor(0xFF000000);
        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
        imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
                LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
return imageView;
    }
}


ImageViewAdapter自定义适配器



package com.ljq.ga;


import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;


public class ImageViewAdapter extends BaseAdapter{
private int[] imageIDs=null;
private Context context=null;


public ImageViewAdapter(Context context, int[] imageIDs) {
this.context=context;
this.imageIDs=imageIDs;
    }


//用于返回图像总数，要注意的是，这个总数不能大于图像的实际数（可以小于图像的实际数），否则会抛出越界异常。
    public int getCount() {
//优化一
//return imageIDs.length;
        return Integer.MAX_VALUE;
    }


public Object getItem(int position) {
return imageIDs[position];
    }


public long getItemId(int position) {
return position;
    }


//ScaleType的用法
//CENTER/center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示
//CENTER_CROP/centerCrop  按比例扩大图片的size居中显示，使得图片长 (宽)等于或大于View的长(宽)
//CENTER_INSIDE/centerInside  将图片的内容完整居中显示，通过按比例缩小 或原来的size使得图片长/宽等于或小于View的长/宽
//FIT_CENTER/fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示
//FIT_END/fitEnd   把 图片按比例扩大/缩小到View的宽度，显示在View的下部分位置
//FIT_START/fitStart  把 图片按比例扩大/缩小到View的宽度，显示在View的上部分位置
//FIT_XY/fitXY  把图片 不按比例 扩大/缩小到View的大小显示
//MATRIX/matrix 用矩阵来绘制
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView iv = new ImageView(context);
//优化二，通过取余来循环取得imageIDs数组中的图像资源ID，取余可以大大较少资源的浪费
        iv.setImageResource(imageIDs[position%imageIDs.length]);
        iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
        iv.setLayoutParams(new LinearLayout.LayoutParams(77,77));//把图片缩小原来的60%
        return iv;


    }


}


运行结果

Android控件之Gallery探究_显示图像_02