Android:控件GridView的使用(SimpleAdapter)

如果是列表(单列多行形式)的使用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>

Android:控件GridView的使用(SimpleAdapter)_第1张图片

你可能感兴趣的:(android,Adapter,GridView)