最近在做图片的浏览功能,开始是使用Gallery做,但是,达不到我想要的效果,关于使用Gallery显示缩略图的缺点和优点,不在详述了。以下是一个完整的Demo代码,注意我的模拟器是640*960。
package com.treasure.ui;
import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import com.treasure.adapter.Album1Adapter;
import com.treasure.utils.DisplayUtil;
public class TestGallery extends Activity
{
private Album1Adapter albumAdapter;
private GridView albumGallery;
private int[] resIds = new int[]
{R.drawable.a, R.drawable.b, R.drawable.c,
R.drawable.d, R.drawable.e, R.drawable.f,
R.drawable.g, R.drawable.h, R.drawable.i,
R.drawable.j, R.drawable.k, R.drawable.l,
R.drawable.m};
private String[] titles = new String[]
{"a", "b", "c", "d", "e", "f", "g", "h", "i",
"j", "k", "l", "m"};
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.display_image);
albumAdapter = new Album1Adapter(this, resIds, titles);
albumGallery = (GridView)findViewById(R.id.album_gallery);
albumGallery.setAdapter(albumAdapter);
albumGallery.setNumColumns(resIds.length);
// 计算一行显示图片需要的宽度
LinearLayout layout = (LinearLayout)findViewById(R.id.linear_id);
android.view.ViewGroup.LayoutParams params = layout.getLayoutParams();
// 注意:根据自己程序使用什么为单位进行设置,我使用的是dp,所以需要将dp转换成px,这样才能得到实现的宽度
// 如果你不转换单位的话,它默认的是px的
// 95 * (resIds.length + 1)
// 其中95表示的是android:columnWidth="95dp"
// (resIds.length + 1)表示的是获得相册的个数加1
params.width = DisplayUtil.dip2px(this, 95 * (resIds.length + 1));
params.height = LayoutParams.WRAP_CONTENT;
layout.setLayoutParams(params);
albumGallery.setSelection(0);
}
}
package com.treasure.utils;
import android.content.Context;
/**
* 转换手机分辨率的类
* @author Treasure
*
*/
public class DisplayUtil
{
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue)
{
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
/**
* 根据手机的分辨率从 px(像素) 的单位 转成为 dp
*/
public static int px2dip(Context context, float pxValue)
{
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
}
package com.treasure.adapter;
import java.util.ArrayList;
import com.treasure.ui.R;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
/**
* 自定义相册的适配器类
* @author Treasure
*
*/
public class Album1Adapter extends BaseAdapter
{
private int[] images;
private String[] titles;
private ArrayList<GalleryInfo> list;
private LayoutInflater inflater;
public Album1Adapter(Context context, int[] images, String[] titles)
{
this.images = images;
this.titles = titles;
list = new ArrayList<GalleryInfo>();
inflater = LayoutInflater.from(context);
for (int i = 0; i < images.length; i++)
{
GalleryInfo info = new GalleryInfo();
info.title = this.titles[i];
info.drawable = this.images[i];
if (i == 0)
{
info.isSelect = true;
}
else
{
info.isSelect = false;
}
list.add(info);
}
}
@Override
public int getCount()
{
return titles.length;
}
@Override
public Object getItem(int position)
{
return position;
}
@Override
public long getItemId(int position)
{
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent)
{
ViewHolder holder;
if (convertView == null)
{
convertView = inflater.inflate(R.layout.album_gallery_item, null);
holder = new ViewHolder();
holder.photoFrameImg =
(ImageView)convertView.findViewById(R.id.photo_frame_column_02);
holder.imageImg =
(ImageView)convertView.findViewById(R.id.image_column_02);
holder.titleTxt =
(TextView)convertView.findViewById(R.id.photo_name_column_02);
convertView.setTag(holder);
}
else
{
holder = (ViewHolder)convertView.getTag();
}
holder.photoFrameImg.setImageResource(R.drawable.photo_frame);
holder.imageImg.setImageResource(list.get(position).drawable);
holder.titleTxt.setText(list.get(position).title);
if (list.get(position).isSelect)
{
holder.imageImg.setBackgroundResource(R.drawable.gallery_select);
}
else
{
holder.imageImg.setBackgroundDrawable(null);
}
return convertView;
}
public void changeStatus(int select)
{
for (int i = 0; i < list.size(); i++)
{
list.get(i).isSelect = false;
}
list.get(select).isSelect = true;
}
private class ViewHolder
{
ImageView photoFrameImg;
ImageView imageImg;
TextView titleTxt;
}
private class GalleryInfo
{
public String title;
public int drawable;
private boolean isSelect;
}
}
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/photo_frame_column_02"
android:layout_width="86dp"
android:layout_height="90dp" />
<ImageView
android:id="@+id/image_column_02"
android:layout_width="65dp"
android:layout_height="60dp"
android:layout_marginLeft="11dp"
android:layout_marginTop="14dp"
android:scaleType="fitXY"/>
<TextView
android:id="@+id/photo_name_column_02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/photo_frame_column_02"
android:layout_centerHorizontal="true"
android:paddingTop="2dp"
android:textColor="@color/white" />
</RelativeLayout>
<?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="@color/white" >
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content">
<LinearLayout android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="84dp"
android:layout_marginLeft="3dp">
<ImageView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/table_top" />
<ImageView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/table_under" />
</LinearLayout>
<HorizontalScrollView
android:id="@+id/galleryScroll"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="none"
android:focusable="false"
>
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:focusable="false"
>
<LinearLayout
android:id="@+id/linear_id"
android:layout_width="1330dp"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:focusable="false"
android:paddingLeft="12dp"
>
<GridView android:id="@+id/album_gallery"
android:layout_width="fill_parent"
android:gravity="center"
android:layout_height="wrap_content"
android:horizontalSpacing="1.0dp"
android:verticalSpacing="1.0dp"
android:stretchMode="spacingWidthUniform"
android:numColumns="auto_fit"
android:columnWidth="95dp"
android:focusable="false"
>
</GridView>
</LinearLayout>
</FrameLayout>
</HorizontalScrollView>
</RelativeLayout>
</LinearLayout>
效果图:
未滚动,如图所示:
滚动到中间,如图所示:
滚动到结尾,如图所示: