四 GridView以表格形式显示多张图片

GridView(以表格形式显示多个组件)

案例:二维布局界面，点击相应控件返回相关控件信息，类似手机的桌面

package com.example.gridview;

import androidx.appcompat.app.AppCompatActivity;

import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.SimpleAdapter;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener {
    private GridView gridView;
    private List<Map<String,Object>> dataList;
    private int[] icon = {R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,
            R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a};
    private String[] iconName = {"小猫1","小猫2","小猫3","小猫4","小猫5","小猫6","小猫7","小猫8","小猫9",
            "小猫10","小猫11"};
    private SimpleAdapter simpleAdapter;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridView = findViewById(R.id.gridView);

        //创建数据源
        dataList = new ArrayList<Map<String,Object>>();
        getData();

        //加载适配器
        simpleAdapter = new SimpleAdapter(this,getData(),R.layout.item,new String[]{"image","text"},new int[]{
                R.id.imageView,R.id.textView});
        //GridView加载适配器
        gridView.setAdapter(simpleAdapter);
        //GridView配置事件监听器
        gridView.setOnItemClickListener(this);



    }
    private List<Map<String,Object>> getData(){

        for (int i =0;i< iconName.length;i++){
            Map<String, Object> map = new HashMap<String,Object>();
            map.put("image",icon[i]);
            map.put("text",iconName[i]);
            dataList.add(map);

        }
        return dataList;
    }

    //position和数组都是从0开始计位的
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show();
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!--android:horizontalSpacing 两列之间间距
        android:verticalSpacing 两行之间间距
        android:numColumns 每一行的列数
    -->
    <GridView
        android:layout_marginTop="10dp"
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"
        android:numColumns="3" />

</LinearLayout>

Item.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"
    android:background="#000000"
    >

    <ImageView
        android:src="@mipmap/ic_launcher"
        android:id="@+id/imageView"
        android:layout_width="60dp"
        android:layout_height="60dp"/>

    <TextView
        android:layout_marginTop="5dp"
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text="文字"/>

</LinearLayout>