Android中GridView(网格视图)效果源码（十五）

GirdView的一些属性：

android:numColumns="auto_fit" --------列数设置为自动
android:columnWidth="90dp"，----------每列的宽度，也就是Item的宽度
android:stretchMode="columnWidth"------缩放与列宽大小同步
android:verticalSpacing="10dp"----------垂直边距
android:horizontalSpacing="10dp"-------水平边距

package com.itarchy.gridview;

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
/**
*
* @E-mail: itarchy@163.com
* @version 创建时间：2015-11-6下午6:17:50
* @Des:
*/
public class MainActivity extends Activity {

private GridView gridView;
private MainAdapter mygvAdapter;
private Integer[] mThumbIds = null;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 获取控件
gridView = (GridView) this.findViewById(R.id.gridview);
initDataSource();
initAdapter();
}

// 1 初始化数据源
private void initDataSource() {
mThumbIds = new Integer[] { R.drawable.sample_2, R.drawable.sample_3,
R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6,
R.drawable.sample_7, R.drawable.sample_0, R.drawable.sample_1,
R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4,
R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7,
R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2,
R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5,
R.drawable.sample_6, R.drawable.sample_7 };
}

private void initAdapter() {

mygvAdapter = new MainAdapter(this, mThumbIds);
gridView.setAdapter(mygvAdapter);

}
}

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview"
android:background="#ffbbbbbb"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:columnWidth="90dip"
android:numColumns="auto_fit"
android:stretchMode="columnWidth"/>

package com.itarchy.gridview;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class MainAdapter extends BaseAdapter {

private Context mContext;
private Integer[] data;

public MainAdapter(Context context, Integer[] data) {
this.mContext = context;
this.data = data;
}

@Override
public int getCount() {

return data.length;
}

@Override
public Object getItem(int position) {

return null;
}

@Override
public long getItemId(int position) {

return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder mViewHolder;
if (convertView == null) {
convertView = View.inflate(mContext, R.layout.gv_list_item, null);
// 创建一个绑定对象
mViewHolder = new ViewHolder();
// 初始化控件
mViewHolder.img = (ImageView) convertView.findViewById(R.id.img);
// 绑定
convertView.setTag(mViewHolder);
} else {
// 从绑定对戏里重新获取一个View
mViewHolder = (ViewHolder) convertView.getTag();
}
// 赋值
mViewHolder.img.setBackgroundResource(data[position]);
return convertView;
}
static class ViewHolder {
ImageView img;
}

}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"/>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.itarchy.gridview"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="18" />

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.itarchy.gridview.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>