Android:GridView的用法
一、GridView基础
实际上GridView与ListView的使用类似。唯一的区别在于:ListView只显示一列;而GridView可以显示多列。从这个角度来看,ListView相当于一种特殊的GridView,如果让GridView只显示一列,那么该GridView就变成了ListView。 与ListView类似的是,GridView也需要通过Adapter来提供显示的数据的.
二、GridView的用法
1、新建 layout.xml 文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal">
<!-- 定义一个GridView组件 -->
<GridView
android:id="@+id/gridview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:horizontalSpacing="1dp"
android:verticalSpacing="1dp"
android:numColumns="4"
android:gravity="center"/>
</LinearLayout>
定义 GridView 时指定了 android:numColumns="4",这意味着该网格包含4列。该GridView包含的行是动态改变的——正如ListView到底包含多少行是由该ListView对应的Adapter所决定的,GridView到底包含多少行也是由Adapter决定的。
2、新建 item.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:gravity="center_horizontal"
android:orientation="vertical"
android:padding="5dp" >
<ImageView
android:id="@+id/icon_img"
android:layout_width="48dp"
android:layout_height="48dp" />
<TextView
android:id="@+id/name_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"/>
</LinearLayout>
3、接下来为GridView提供Adapter,具体实现方式有多种,这里使用 SimpleAdapter 决定 GridView 所要显示的内容。在 GridViewActivity.java 文件中加载上面新建的布局文件,具体代码如下:
public class GridViewActivity extends AppCompatActivity {
private GridView mAppGridView = null;
// 应用图标
private int[] mAppIcons = {
R.drawable.app_1, R.drawable.app_2, R.drawable.app_3,
R.drawable.app_4, R.drawable.app_5, R.drawable.app_6,
R.drawable.app_7, R.drawable.app_8, R.drawable.app_9
};
// 应用名
private String[] mAppNames = {
"name1", "name2", "name3","name4","name5","name6", "name7","name8","name9"
};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.gridview_layout);
// 获取界面组件
mAppGridView = (GridView) findViewById(R.id.gridview);
// 初始化数据,创建一个List对象,List对象的元素是Map
List<Map<String, Object>> listItems =
new ArrayList<Map<String, Object>>();
for (int i = 0; i < mAppIcons.length; i++) {
Map<String, Object> listItem = new HashMap<String, Object>();
listItem.put("icon", mAppIcons[i]);
listItem.put("name",mAppNames[i]);
listItems.add(listItem);
}
// 创建一个SimpleAdapter
SimpleAdapter simpleAdapter = new SimpleAdapter(this,
listItems,
R.layout.gridview_item,
new String[]{"icon", "name"},
new int[]{R.id.icon_img, R.id.name_tv});
// 为GridView设置Adapter
mAppGridView.setAdapter(simpleAdapter);
// 添加列表项被单击的监听器
mAppGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// 显示被单击的图片
Toast.makeText(GridViewActivity.this, mAppNames[position],
Toast.LENGTH_SHORT).show();
}
});
}
}