GridView一直是一个系统登录后以九宫格方式展现功能子模块的最佳选择,经过试验和网上资料的查阅,现把实现方式总结一下:
一直是通过自定义Adapter方式,在getView()方法中设置图片的显示方式,这种方式资料比较多;
另一种方式是使用Android系统自带的Adapter:
具体步骤如下:
1.新建一个安卓工程:
2.定义一个布局文件,可以命名为gridview.xml,用于显示主界面。
代码如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <GridView android:id="@+id/GridView1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:numColumns="4" /> </LinearLayout>
3.定义一个项布局文件items.xml,目的是为了展现GridView中具体子项item的显示方式
代码如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="10px" android:scaleType="fitCenter" /> <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:padding="5px" /> </LinearLayout>
3.好了,定义好了界面,我们就可以写程序代码了~
在主Activity中定义一个数组,数组类型为HashMap<String,Object>,为的是存储资源的名称(key)和资源的值(value),这里假设资源就是图片
然后,将资源加入到这个类型为HashMap的数组中去,并使用SimpleAdapter来实现数据的展现即可,下面上代码:
具体代码如下:
package com.flysnow.sina.weibo; import java.util.ArrayList; import java.util.HashMap; import android.app.Activity; import android.os.Bundle; import android.widget.GridView; import android.widget.SimpleAdapter; import com.flysnow.sina.weibo.R; public class MyListActivity extends Activity { private int[] image = { R.drawable.bc2, R.drawable.bc2, R.drawable.bc2, R.drawable.bc2, R.drawable.bc2, R.drawable.bc2, R.drawable.bc2, R.drawable.bc2 }; private String[] text = { "a", "b", "c", "d", "e", "f", "g", "h" }; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); this.setContentView(R.layout.main1); //显示GridView的界面 GridView gridview = (GridView) findViewById(R.id.GridView1); ArrayList<HashMap<String, Object>> imagelist = new ArrayList<HashMap<String, Object>>(); // 使用HashMap将图片添加到一个数组中,注意一定要是HashMap<String,Object>类型的,因为装到map中的图片要是资源ID,而不是图片本身 // 如果是用findViewById(R.drawable.image)这样把真正的图片取出来了,放到map中是无法正常显示的 for (int i = 0; i < 8; i++) { HashMap<String, Object> map = new HashMap<String, Object>(); map.put("image", image[i]); map.put("text", text[i]); imagelist.add(map); } // 使用simpleAdapter封装数据,将图片显示出来 // 参数一是当前上下文Context对象 // 参数二是图片数据列表,要显示数据都在其中 // 参数三是界面的XML文件,注意,不是整体界面,而是要显示在GridView中的单个Item的界面XML // 参数四是动态数组中与map中图片对应的项,也就是map中存储进去的相对应于图片value的key // 参数五是单个Item界面XML中的图片ID SimpleAdapter simpleAdapter = new SimpleAdapter(this, imagelist, R.layout.items, new String[] { "image", "text" }, new int[] { R.id.image, R.id.title }); // 设置GridView的适配器为新建的simpleAdapter gridview.setAdapter(simpleAdapter); } }
效果图: