【Android 界面效果30】Android中ImageSwitcher结合Gallery展示SD卡中的资源图片

本文主要是写关于ImageSwitcher结合Gallery组件如何展示SDCard中的资源图片，相信大家都看过API Demo 中也有关于这个例子的，但API Demo 中的例子是展示工程中Drawable目录下的资源图片，这样调用系统的API比较容易实现，但我们在开发项目过程中，但有些图片还不能完全确定下来，例如需要展示相机拍照的图片，SDCard中某个目录下的资源图片等功能。其实系统中也提供相应的API给我们应用去实现该功能，下面就用异于API Demo中例子方式展示下如何实现该功能。
【1】我们先看下该例子代码的结构图：



下面就直接上各个文件的代码了，不在这里详细解释了，最后会看到实现的效果图的..呵呵

【2】res/layout/main.xml 文件源码：

[html] view
plaincopy

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:background="#55000000" >

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Welcome to Andy.Chen's Blog!"

android:textSize="20sp"/>

<ImageSwitcher

android:id="@+id/switcher"

android:layout_width="wrap_content"

android:layout_height="350dip"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true" />

<Gallery

android:id="@+id/mygallery"

android:layout_width="fill_parent"

android:layout_height="80dp"

android:layout_alignParentBottom="true"

android:layout_alignParentLeft="true"

android:gravity="center_vertical"

android:spacing="16dp" />

</LinearLayout>

【3】res/values/attrs.xml 文件源码：

[html] view
plaincopy

<?xml version="1.0" encoding="utf-8"?>

<resources>

<declare-styleable name="Gallery">

<attr name="android:galleryItemBackground" />

</declare-styleable>

</resources>

【4】ImageSwitcherAndGalleryDemoActivity.java 源码：(这个类的源码比较多，希望大家耐心看)

[html] view
plaincopy

package com.andyidea.imagedemo;

import java.io.File;

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.net.Uri;

import android.os.Bundle;

import android.os.Environment;

import android.util.Log;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.ViewGroup;

import android.view.animation.AnimationUtils;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.AdapterView.OnItemSelectedListener;

import android.widget.BaseAdapter;

import android.widget.Gallery;

import android.widget.Gallery.LayoutParams;

import android.widget.ImageSwitcher;

import android.widget.ImageView;

import android.widget.Toast;

import android.widget.ViewSwitcher.ViewFactory;

/**

* ImageSwitcher和Gallery如何展示SD卡中的资源图片

* @author Andy.Chen

* @email:Chenjunjun.ZJ@gmail.com

*/

public class ImageSwitcherAndGalleryDemoActivity extends Activity

implements OnItemSelectedListener,ViewFactory{

private List<String> imagePathList;

private String[] list;

private ImageSwitcher mSwitcher;

private Gallery mGallery;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

imagePathList=getImagePathFromSD();

list = imagePathList.toArray(new String[imagePathList.size()]);

/* 设定Switcher */

mSwitcher = (ImageSwitcher) findViewById(R.id.switcher);

mSwitcher.setFactory(this);

/* 设定载入Switcher的模式 */

mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,

android.R.anim.fade_in));

/* 设定输出Switcher的模式 */

mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,

android.R.anim.fade_out));

mSwitcher.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

Toast.makeText(ImageSwitcherAndGalleryDemoActivity.this, "你点击了ImageSwitch上的图片",

Toast.LENGTH_SHORT).show();

}

});

mGallery = (Gallery) findViewById(R.id.mygallery);

/* 新增几ImageAdapter并设定给Gallery对象 */

mGallery.setAdapter(new ImageAdapter(this, getImagePathFromSD()));

mGallery.setOnItemSelectedListener(this);

/* 设定一个itemclickListener事件 */

mGallery.setOnItemClickListener(new OnItemClickListener() {

public void onItemClick(AdapterView<?> parent, View v,

int position, long id) {

Toast.makeText(ImageSwitcherAndGalleryDemoActivity.this, "你点击了Gallery上的图片",

Toast.LENGTH_SHORT).show();

}

});

}

/** 从SD卡中获取资源图片的路径 */

private List<String> getImagePathFromSD() {

/* 设定目前所在路径 */

List<String> it = new ArrayList<String>();

//根据自己的需求读取SDCard中的资源图片的路径

String imagePath = Environment.getExternalStorageDirectory().toString()+"/hknational/image";

File mFile = new File(imagePath);

File[] files = mFile.listFiles();

/* 将所有文件存入ArrayList中 */

for (int i = 0; i < files.length; i++) {

File file = files[i];

if (checkIsImageFile(file.getPath()))

it.add(file.getPath());

}

return it;

}

/** 判断是否相应的图片格式 */

private boolean checkIsImageFile(String fName) {

boolean isImageFormat;

/* 取得扩展名 */

String end = fName

.substring(fName.lastIndexOf(".") + 1, fName.length())

.toLowerCase();

/* 按扩展名的类型决定MimeType */

if (end.equals("jpg") || end.equals("gif") || end.equals("png")

|| end.equals("jpeg") || end.equals("bmp")) {

isImageFormat = true;

} else {

isImageFormat = false;

}

return isImageFormat;

}

/* 改写BaseAdapter自定义一ImageAdapter class */

public class ImageAdapter extends BaseAdapter {

/* 声明变量 */

int mGalleryItemBackground;

private Context mContext;

private List<String> lis;

/* ImageAdapter的构造符 */

public ImageAdapter(Context c, List<String> li) {

mContext = c;

lis = li;

/*

* 使用res/values/attrs.xml中的<declare-styleable>定义 的Gallery属性.

*/

TypedArray mTypeArray = obtainStyledAttributes(R.styleable.Gallery);

/* 取得Gallery属性的Index id */

mGalleryItemBackground = mTypeArray.getResourceId(

R.styleable.Gallery_android_galleryItemBackground, 0);

/* 让对象的styleable属性能够反复使用 */

mTypeArray.recycle();

}

/* 重写的方法getCount,传回图片数目 */

public int getCount() {

return lis.size();

}

/* 重写的方法getItem,传回position */

public Object getItem(int position) {

return position;

}

/* 重写的方法getItemId,传并position */

public long getItemId(int position) {

return position;

}

/* 重写方法getView,传并几View对象 */

public View getView(int position, View convertView, ViewGroup parent) {

/* 产生ImageView对象 */

ImageView i = new ImageView(mContext);

/* 设定图片给imageView对象 */

Bitmap bm = BitmapFactory.decodeFile(lis.get(position).toString());

i.setImageBitmap(bm);

/* 重新设定图片的宽高 */

i.setScaleType(ImageView.ScaleType.FIT_XY);

/* 重新设定Layout的宽高 */

i.setLayoutParams(new Gallery.LayoutParams(136, 88));

/* 设定Gallery背景图 */

i.setBackgroundResource(mGalleryItemBackground);

/* 传回imageView对象 */

return i;

}

}

@Override

public View makeView() {

ImageView iv = new ImageView(this);

iv.setBackgroundColor(0xFF000000);

iv.setScaleType(ImageView.ScaleType.FIT_CENTER);

iv.setLayoutParams(new ImageSwitcher.LayoutParams(

LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));

return iv;

}

@Override

public void onItemSelected(AdapterView<?> parent, View view, int position,

long id) {

// TODO Auto-generated method stub

String photoURL = list[position];

Log.i("A", String.valueOf(position));

mSwitcher.setImageURI(Uri.parse(photoURL));

}

@Override

public void onNothingSelected(AdapterView<?> parent) {

// TODO Auto-generated method stub

}

}

【5】程序运行效果图如下：





至此大功告成了！