Android:控件GridView的使用(SimpleAdapter)
阅读原文时间:2021年04月20日阅读:1

如果是列表(单列多行形式)的使用ListView,如果是多行多列网状形式的优先使用GridView。最常见的应用场合 九宫格,QQ表情等。

适配器选择问题:①ArrayAdapter适用于单行文字显示,数据源是list。
②SimpleAdapter适用于图文混排,数据源通常是List<Map<String,Object>>
③最常用的还是自定义 的MyAdapter。比较适合复杂item排版
此处使用SimpleAdapter,注意五个参数。

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
   >
    <GridView
        android:id="@+id/gview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="90dp"
        android:gravity="center"
        android:horizontalSpacing="10dp"
        android:numColumns="auto_fit"
        android:stretchMode="columnWidth"
        android:verticalSpacing="10dp"
        />
</RelativeLayout>

GridView的一些属性:

android:numColumns=”auto_fit” ——–列数根据屏幕自动
android:columnWidth=”90dp”,———-每列的宽度,即Item的宽度
android:stretchMode=”columnWidth”——缩放与列宽大小同步
android:verticalSpacing=”10dp”———-行间距
android:horizontalSpacing=”10dp”——-列间距

MainActivity

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

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {
    private GridView gview;
    private List<Map<String, Object>> data_list;
    private SimpleAdapter sim_adapter;
    // 图片封装为一个数组
    private int[] icon = { R.drawable.address_book, R.drawable.calendar,
            R.drawable.camera, R.drawable.clock, R.drawable.games_control,
            R.drawable.messenger, R.drawable.ringtone, R.drawable.settings,
            R.drawable.speech_balloon, R.drawable.weather, R.drawable.world,
            R.drawable.youtube };
    private String[] iconName = { "通讯录", "日历", "照相机", "时钟", "游戏", "短信", "铃声",
            "设置", "语音", "天气", "浏览器", "视频" };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gview = (GridView) findViewById(R.id.gview);
        //新建List
        data_list = new ArrayList<Map<String, Object>>();
        //获取数据
        getData();
        //新建适配器
        String [] from ={"image","text"};
        int [] to = {R.id.image,R.id.text};
 data_list,//数据源
  R.layout.item,//填充item布局文件
         from,//数据源中需要填充到布局中数据,对应的键值
          to//对应数据需要填充到的控件id位置
          );
        //配置适配器
        gview.setAdapter(sim_adapter);
    }

    public List<Map<String, Object>> getData(){        
      //在map中赋值
        for(int i=0;i<icon.length;i++){
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("image", icon[i]);
            map.put("text", iconName[i]);
            //将map添加至数据源
            data_list.add(map);
        }  
        return data_list;
    }
}

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:orientation="vertical"
    >

    <ImageView
        android:id="@+id/iv_item_gridview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_gravity="center"
        android:layout_weight="5"
        />

    <TextView
        android:id="@+id/tv_item_gridview"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:ellipsize="end"
        android:singleLine="true"
        />
        <!--ellipsize,省略号位置
        singleLine,单行显示-->
</LinearLayout>