Android GridView 一行显示数据（包括图片和文本），解决的办法是计算数据占该行的宽度是多少

最近在做图片的浏览功能，开始是使用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;
    }
}

res/layout/album_gallery_item.xml

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

res/layout/display_image.xml

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

效果图：

未滚动，如图所示：

滚动到中间，如图所示：

滚动到结尾，如图所示：