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;// 当前的item
	private 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};

	@Override
	public 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;// 一共多少个item

		public 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
	@Override
	public void onItemSelected(AdapterView<?> parent, View view, int position, long id)
	{
		// imageSwitcher.setImageResource(resIds[position % resIds.length]);
	}

	// 设置点击Gallery的时候才切换到该图片
	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position, long id)
	{
		if (mCurrentPos == position)
		{
			// 如果在显示当前图片,再点击,就不再加载。
			return;
		}
		mCurrentPos = position;
		imageSwitcher.setImageResource(resIds[position % resIds.length]);
	}

	@Override
	public void onNothingSelected(AdapterView<?> parent)
	{
	}

	@Override
	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;
	}

}
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>


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





阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/badboy1110/article/details/6879236
个人分类: Android
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭