用继承BaseAdapter类，重写getView方法.经过自己的资料的查阅与调试 ，完成了个小例子；
布局页面代码 有个layout
<GridView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:columnWidth="90dp"
android:numColumns="auto_fit"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center">
</GridView>
gridView的子视图,也就是每一个网格的内容页面布局
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relaGrid"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView android:id="@+id/chooseImage"
android:src="@drawable/ph1"
android:layout_width="85dp"
android:layout_height="85dp"
>
</ImageView>
<TextView android:id="@+id/chooseText"
android:layout_height="wrap_content"
android:layout_width="85dp"
android:text="TextView"
android:layout_below="@+id/chooseImage"
android:gravity="center"
android:singleLine="true"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
></TextView>
</RelativeLayout>
然后在res/drawable 放入9张图片资源Activity页面代码
public class WidgetActivity extends Activity {
OnItemClickListener ocl_gridview = null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setTitle("九宫格布局");
GridView gridview = (GridView) findViewById(R.id.gridview);
gridview.setAdapter(new ImageAdapter(this));
gridview.setOnItemClickListener(ocl_gridview);
}
public void bindListener() {
ocl_gridview = new OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
}
};
}
}
继承BaseAdapter的ImageAdapter类代码
public class ImageAdapter extends BaseAdapter{
private Context mContext;
public ImageAdapter(Context c) {
mContext = c;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return mThumbIds.length;
}
@Override
public View getView(int position, View convertView, ViewGroup arg2) {
View view = View.inflate(mContext, R.layout.relagrid, null);
RelativeLayout rl = (RelativeLayout) view.findViewById(R.id.relaGrid);
ImageView image = (ImageView) rl.findViewById(R.id.chooseImage);
TextView text = (TextView) rl.findViewById(R.id.chooseText);
image.setImageResource(mThumbIds[position]);
text.setText(mTextValues[position]);
return rl;
}
// references to our images
private Integer[] mThumbIds = {
R.drawable.ph1,R.drawable.ph2,R.drawable.ph3,
R.drawable.ph4,R.drawable.ph5,R.drawable.ph6,
R.drawable.ph7,R.drawable.ph8,R.drawable.ph9
};
private String[] mTextValues = {
"Button","TextView","EditText",
"CheckBox","Radio","Spinner",
"","",""
};
}
