gridview布局示例二（通过simpleAdapter进行图片等数据绑定）

最新推荐文章于 2022-11-30 18:53:04 发布

chenzheng_java

最新推荐文章于 2022-11-30 18:53:04 发布

阅读量8.8k

点赞数

分类专栏： android_布局文章标签： android layout object hashmap encoding string

本文链接：https://blog.csdn.net/chenzheng_java/article/details/6199243

版权

android_布局专栏收录该内容

8 篇文章 0 订阅

订阅专栏

上面的是最终效果图，现在贴出文件结构

main.xml代码如下

<?xml version="1.0" encoding="utf-8"?>  <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:numColumns="auto_fit" android:horizontalSpacing="10dp" android:verticalSpacing="10dp" android:columnWidth="90dp" android:stretchMode="columnWidth" android:gravity="center" > </GridView>

night_layout.xml

<?xml version="1.0" encoding="utf-8"?>  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingBottom="4dip" > <ImageView android:id="@+id/ItemImage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" ></ImageView> <TextView android:id="@+id/ItemText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_below="@id/ItemImage" android:text="androidText1" /> </RelativeLayout>

grid2.java

package cn.com.android.grid; import java.util.ArrayList; import java.util.HashMap; import java.util.Map; import java.util.Random; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.GridView; import android.widget.SimpleAdapter; import android.widget.Toast; import android.widget.AdapterView.OnItemClickListener; public class grid2 extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // 获取gridview对象 GridView gridView = (GridView) findViewById(R.id.gridView); // 获取数据源 ArrayList<HashMap<String, Object>> sourceList = getData(10); // 绑定数据源 gridView.setAdapter(new SimpleAdapter(this, sourceList, R.layout.night_layout, new String[]{"ItemImage","ItemText"}, new int[]{R.id.ItemImage,R.id.ItemText})); // 绑定事件触发 gridView.setOnItemClickListener(new OnItemClickListener(){ public void onItemClick(AdapterView<?> parent, View view, int position, long id) { HashMap<String, Object> hashMap = (HashMap<String, Object>) parent.getItemAtPosition(position); Toast.makeText(grid2.this, hashMap.get("ItemText").toString(), Toast.LENGTH_SHORT).show(); } }); } /** *创造数据源,数据源中存放的数据为hashmap对象，hashmap中存放着相应的图片id以及描述文本信息 */ private ArrayList<HashMap<String,Object>> getData(int number){ ArrayList<HashMap<String,Object>> sourceList = new ArrayList<HashMap<String,Object>>(); HashMap<String, Object> tempHashMap = new HashMap<String, Object>(); for (int i = 0; i < number; i++) { tempHashMap.put("ItemImage", R.drawable.icon); tempHashMap.put("ItemText", "图片"+i); sourceList.add(tempHashMap); tempHashMap = new HashMap<String, Object>(); } return sourceList; } }

作者废话：

由代码我们可以看得出，对于gridview相关的应用，我们一般需要一个2个布局文件，一个布局文件（如night_layout.xml）定义组件存放数据，而另一个组件(如main.xml)则作为容器存放组件。

对于我们来说，无非就是

第一步：写好组件和容器，即定义好布局文件

第二步：整理数据源。一般的方法都是提供一个方法，方法内部放着对数据的详细处理，方法返回整理好的数据源

第三步：将数据源绑定到组件。这里通过setAdapter()进行的

第四步：为组件创建各种事件监听，与用户进行交互。