网格视图组件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);
}
}
