网格视图组件GridView 简述及其简单应用

网格视图组件Gridview 一般用于新闻列表、图片九宫格、OQ相册等等,以行列的形式来展示的。一般是通过适配器作为中介将数据展示在组件上。属性有: numColumn: 4有四列,auto fit自动排列。 适配器: AtrayAdapter:数组适配器,将数组中的多个值作为数据源(数据库),一般用于显示文字。 SimpleAdapter:简单适配器,将List 集合里的多个值作为数据源,可以自定义各种效果,功能强大的内 simplecursorAdapter:将数据库内容作为数据源。 baseAdapter:基础适配器,对列表进行定制开发。

网格视图组件GridView的简单应用

一、准备大小相同的图片放入drawable里面

二、在layout文件下新建一个cell.xml文件

里面存放一个ImageView组件用于存放图片

<ImageView
        android:layout_width="120dp"
        android:layout_height="80dp"
        android:id="@+id/myImage"/>

三、在activity_main.xml中添加网格视图组件GridView

<GridView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/myGV"
        android:numColumns="3"></GridView>

四、在MainActivity中编写代码 (这里的代码最好还是自己敲进去,因为直接复制粘贴会报错)

package com.example.gridview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class MainActivity extends AppCompatActivity {

    private int[] photo=new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03,R.drawable.img04,R.drawable.img05,
            R.drawable.img06,R.drawable.img07,R.drawable.img08,R.drawable.img09,R.drawable.img10,R.drawable.img11,R.drawable.img12};

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

        GridView gridView= (GridView) findViewById(R.id.myGV);

        List<Map<String,Object>> list=new ArrayList<Map<String, Object>>();

        for (int i=0;i<photo.length;i++){
            Map<String,Object> map=new HashMap<>();
            map.put("image",photo[i]);
            list.add(map);
        }
        SimpleAdapter simpleAdapter=new SimpleAdapter(this,list,R.layout.cell,new String[]{"image"},new int[]{R.id.myImage});
        gridView.setAdapter(simpleAdapter);
    }
}

五、效果如下图

经验分享 程序员 微信小程序 职场和发展