浅析GridView制作九宫格列表

来源:互联网 发布:知乎电子书 编辑:程序博客网 时间:2024/04/30 11:27

GridView的三个重要属性:

android:horizontalSpacing 两列之间的间距

android:verticalSpacing 两行之间的间距

android:numColumns 每行显示几列

实现GridView的几大步:

1.准备数据源

2.新建适配器(SimpleAdapter)

3.GridView加载适配器

4.GridView配置时间监听器 OnItemClickLister

public class GridViewActivity extends AppCompatActivity implements AdapterView.OnItemClickListener{    private GridView gridView;    private SimpleAdapter simpleAdapter;    private List<Map<String, Object>> dataList;    private int[] icon = {R.drawable.book, R.drawable.calendar, R.drawable.camera,            R.drawable.clock, R.drawable.game, R.drawable.message,            R.drawable.setting1, R.drawable.weather, R.drawable.world};    private String[] iconName = {"目录", "日历", "照相机", "时钟", "游戏", "信息", "设置", "天气", "浏览器"};    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_gridview);        dataList = new ArrayList<Map<String,Object>>();        gridView = (GridView) findViewById(R.id.gridView);        simpleAdapter = new SimpleAdapter(this, getData(), R.layout.activity_gridview_item,                new String[]{"image","name"}, new int[]{R.id.gridImage, R.id.gridText});        gridView.setAdapter(simpleAdapter);        gridView.setOnItemClickListener(this);    }    private List<Map<String, Object>> getData() {        for (int i = 0; i < icon.length ; i++) {            Map<String,Object> map = new HashMap<String,Object>();            map.put("image",icon[i]);            map.put("name",iconName[i]);            dataList.add(map);        }        return dataList;    }    @Override    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {        Toast.makeText(this, "我是"+iconName[position], Toast.LENGTH_SHORT).show();    }}<GridView        android:id="@+id/gridView"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:verticalSpacing="10dp"        android:horizontalSpacing="10dp"        android:numColumns="3"        android:layout_marginTop="10dp"        ></GridView>