android图片浏览器（一）——ImageSwitcher和Gallery

主要实现的功能就是浏览图片。

用到的控件：ImageSwitcher和Gallery。

这种简单的图片浏览器google一下有很多，我也是参考别人上写的。在搜索的过程中，我发现了一个比较有意思的事情，就是很多博客里面的代码基本上都是相同的，而且运行起来都有错误。呵呵，看来很多童鞋都是直接copy过来，并没有运行，甚至没有去仔细看代码。

我也是参考别人的博客写的，并且把错误修正了，然后按照自己的一些想法对它做了一些优化：

1、网上的代码基本都是加载进来显示这样的页面：

下面的Gallery不对称。我做了优化，加载的时候是把左边黑色的空白也铺上了。如下：

2、可能这个地方不算是优化，我看别人的程序都是在滑动的时候，ImageSwitcher会不断的变化，会不会很消耗资源？（只是换个方法实现变化而已，所以算不得优化）。我改成了只有停下来，你点击那一张，ImageSwitcher才会变化。

3、这个地方个人觉得还有有必要改一下的，我是参考了Listview的机制，实现的功能都是让图片无限滑动，

这个是在Adapter中这么写的：

public int getCount(){return Integer.MAX_VALUE;}

让它最大值是最大整数，基本上是滑不到尽头的。

这个是很正常的功能，但是每滑动一次就会

ImageView imageview = new ImageView(mContext);

这样会new无数了ImageView对象，完全是没必要的。

我们可以这样，反正是循环么，有多少个图片，就new多少个ImageView就行了。

这个是参考Listview的机制，Listview在往下滑动的时候，item是不断重用的。

附上源码：

package net.blogjava.mobile;import java.util.HashMap;import android.app.Activity;import android.content.Context;import android.content.res.TypedArray;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.view.animation.AnimationUtils;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.BaseAdapter;import android.widget.Gallery;import android.widget.ImageSwitcher;import android.widget.ImageView;import android.widget.AdapterView.OnItemSelectedListener;import android.widget.Gallery.LayoutParams;import android.widget.ViewSwitcher.ViewFactory;public class Main extends Activity implements OnItemSelectedListener, ViewFactory, OnItemClickListener{private Gallery gallery;private ImageSwitcher imageSwitcher;private ImageAdapter imageAdapter;private int mCurrentPos = -1;// 当前的itemprivate HashMap<Integer, ImageView> mViewMap;private int[] resIds = new int[]{R.drawable.item1 ,R.drawable.item2 ,R.drawable.item3 ,R.drawable.item4 ,R.drawable.item5 ,R.drawable.item6 ,R.drawable.item7 ,R.drawable.item8 ,R.drawable.item9 ,R.drawable.item10 ,R.drawable.item11 ,R.drawable.item12 ,R.drawable.item13 ,R.drawable.item14 ,R.drawable.item15};@Overridepublic void onCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.main);gallery = (Gallery) findViewById(R.id.gallery);imageAdapter = new ImageAdapter(this, resIds.length);gallery.setAdapter(imageAdapter);gallery.setOnItemSelectedListener(this);gallery.setSelection(1);// 设置一加载Activity就显示的图片为第二张gallery.setOnItemClickListener(this);imageSwitcher = (ImageSwitcher) findViewById(R.id.imageswitcher);imageSwitcher.setFactory(this);// 设置动画效果 淡入淡出imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));}public class ImageAdapter extends BaseAdapter{int mGalleryItemBackground;private Context mContext;private int mCount;// 一共多少个itempublic ImageAdapter(Context context, int count){mContext = context;mCount = count;mViewMap = new HashMap<Integer, ImageView>(count);TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);// 设置边框的样式mGalleryItemBackground = typedArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0);}public int getCount(){return Integer.MAX_VALUE;}public Object getItem(int position){return position;}public long getItemId(int position){return position;}public View getView(int position, View convertView, ViewGroup parent){ImageView imageview = mViewMap.get(position % mCount);if (imageview == null){imageview = new ImageView(mContext);imageview.setImageResource(resIds[position % resIds.length]);imageview.setScaleType(ImageView.ScaleType.FIT_XY);imageview.setLayoutParams(new Gallery.LayoutParams(136, 88));imageview.setBackgroundResource(mGalleryItemBackground);}return imageview;}}// 滑动Gallery的时候，ImageView不断显示当前的item@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position, long id){// imageSwitcher.setImageResource(resIds[position % resIds.length]);}// 设置点击Gallery的时候才切换到该图片@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id){if (mCurrentPos == position){// 如果在显示当前图片，再点击，就不再加载。return;}mCurrentPos = position;imageSwitcher.setImageResource(resIds[position % resIds.length]);}@Overridepublic void onNothingSelected(AdapterView<?> parent){}@Overridepublic 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;}}

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/imageswitcher"android:layout_width="match_parent" android:layout_height="match_parent"/><Galleryandroid:id="@+id/gallery" android:layout_width="match_parent"android:layout_height="wrap_content" android:layout_alignParentBottom="true"android:layout_alignParentLeft="true" android:gravity="center_vertical"android:background="#55000000"/></RelativeLayout>

如果有理解失误的地方，欢迎指正    - _ *