学而实习之 不亦乐乎

Android:GridView的用法

2021-11-22 08:09:55

一、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();
            }
        });
    }
}