Android GridView属性
一Android GridView属性
android:numColumns=”auto_fit” GridView的列数设置为自动
android:columnWidth=”90dp " 每列的宽度，也就是Item的宽度
android:stretchMode=”columnWidth" 缩放与列宽大小同步
android:verticalSpacing=”10dp” 两行之间的边距
android:horizontalSpacing=”10dp” 两列之间的边距
android:listSelector="#FFF0F5" 点击的时候与父元素颜色同步
二 GridView组件详细文档
一、结构
public final classGridViewextendsAbsListView
java.lang.Object
↳ android.view.View
↳ android.view.ViewGroup
↳ android.widget.AdapterView<T extends android.widget.Adapter>
↳ android.widget.AbsListView
↳ android.widget.GridView
二、类概述
一个在平面上可显示多个条目的可滚动的视图组件，该组件中的条目通过一个ListAdapter和该组件进行关联。比如android手机中显示的应用：
比如实现九宫格图，用GridView是首选，也是最简单的。
三、构造函数
public GridView (Context context)
创建一个默认属性的GridView实例
public GridView (Context context, AttributeSet attrs)
创建一个带有attrs属性的GridView实例
public GridView (Context context, AttributeSet attrs, int defStyle)
创建一个带有attrs属性，并且指定其默认样式的GridView实例
四、XML属性
| 属性名称 | 描述 |
| android:columnWidth | 设置列的宽度。关联的方法为：setColumnWidth(int) |
| android:gravity | 设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical可以多选，用“|”分开。关联方法：setGravity (int gravity) |
| android:horizontalSpacing | 两列之间的间距。关联方法：setHorizontalSpacing(int) |
| android:numColumns | 列数。关联方法：setNumColumns(int) |
| android:stretchMode | 缩放模式。关联方法：setStretchMode(int) |
| android:verticalSpacing | 两行之间的间距。关联方法：setVerticalSpacing(int) |
五、公共方法
public ListAdapter getAdapter ()
获得与此组件相关的适配器..
返回值
ListAdapter适配器实例
public int getStretchMode ()
获得GridView的缩放模式..
public boolean onKeyDown (int keyCode, KeyEvent event)
默认由KeyEvent.Callback.onKeyMultiple（）实现，如果视图是可用的并且是可点击的，那么传入KEYCODE_DPAD_CENTER或KEYCODE_ENTER值是执行的是按下视图操作。
参数
keyCode一个表示按下操作的键值.
event表示按钮事件的对象.
返回值
如果你认为已经完成事件处理,不想让让下一个处理器来处理此事件，则返回true,否则返回false。
public boolean onKeyMultiple (int keyCode, int repeatCount, KeyEvent event)
默认由KeyEvent.Callback.onKeyMultiple()实现，总是返回false（不处理此事件）。
参数
keyCode键值.
repeatCount该动作发生的次数.
event事件对象.
返回值
如果你认为已经完成事件处理,不想让让下一个处理器来处理此事件，则返回true,否则返回false。
public boolean onKeyUp (int keyCode, KeyEvent event)
默认由KeyEvent.Callback.onKeyMultiple（）实现，如果视图是可用的并且是可点击的，那么传入KEYCODE_DPAD_CENTER或KEYCODE_ENTER值是执行的是点击视图操作。
参数
keyCode键值.
event事件对象.
返回值
如果你认为已经完成事件处理,不想让让下一个处理器来处理此事件，则返回true,否则返回false。
public void setAdapter (ListAdapter adapter)
设置GridView的数据。
参数
adapter为grid提供数据的适配器
public void setColumnWidth (int columnWidth)
设置GridView的列宽.
参数
columnWidth列的宽度，以像素为单位
public void setGravity (int gravity)
设置控件内容的位置，默认值为：Gravity.LEFT.
参数
gravity位置值
public void setHorizontalSpacing (int horizontalSpacing)
设置列间距.
参数
horizontalSpacing列间距值
public void setNumColumns (int numColumns)
设置grid的列数
参数
numColumns列数值.
public void setSelection (int position)
设置选中的条目.
参数
position.数据条目在列表中的索引值（从0开始），如果在可触摸的模式下，在该索引值下的条目将不会被选中，但是该索引值仍然指向该条目。
public void setStretchMode (int stretchMode)
设置grid中的条目以什么缩放模式去填充空间。.
参数
stretchMode可选值：NO_STRETCH，STRETCH_SPACING，STRETCH_SPACING_UNIFORM，或STRETCH_COLUMN_WIDTH
public void setVerticalSpacing (int verticalSpacing)
设置行间距.
参数
verticalSpacing 间距值，以像素为单位六、代码示例
下面给出一个小例子，先看效果：
a).GridView01.java
[java] view plain copy- publicclassGridView01extendsActivity{
- privateGridViewgridview;
- @Override
- protectedvoidonCreate(BundlesavedInstanceState){
- //TODOAuto-generatedmethodstub
- super.onCreate(savedInstanceState);
- setContentView(R.layout.gridview);
- //准备要添加的数据条目
- List<Map<String,Object>>items=newArrayList<Map<String,Object>>();
- for(inti=0;i<10;i++){
- Map<String,Object>item=newHashMap<String,Object>();
- item.put("imageItem",R.drawable.icon);
- item.put("textItem","text"+i);
- items.add(item);
- }
- //实例化一个适配器
- SimpleAdapteradapter=newSimpleAdapter(this,items,R.layout.grid_item,newString[]{"imageItem","textItem"},newint[]{R.id.image_item,R.id.text_item});
- //获得GridView实例
- gridview=(GridView)findViewById(R.id.mygridview);
- //gridview.setNumColumns(3);//可以在xml中设置
- //gridview.setGravity(Gravity.CENTER);//同上
- //将GridView和数据适配器关联
- gridview.setAdapter(adapter);
- }
- }
b).gridview.xml
[xhtml] view plain copy- <?xmlversion="1.0"encoding="utf-8"?>
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content">
- <GridViewandroid:id="@+id/mygridview"
- android:numColumns="3"
- android:gravity="center_horizontal"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content">
- </GridView>
- </LinearLayout>
c).grid_item.xml
[xhtml] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <RelativeLayoutandroid:id="@+id/RelativeLayout01"
- android:layout_width="fill_parent"android:layout_height="fill_parent"
- xmlns:android="http://schemas.android.com/apk/res/android">
- <ImageViewandroid:id="@+id/image_item"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content">
- </ImageView>
- <TextViewandroid:id="@+id/text_item"
- android:layout_below="@+id/image_item"
- android:layout_height="wrap_content"
- android:layout_width="wrap_content">
- </TextView>
- </RelativeLayout>
转载：http://www.cnblogs.com/over140/archive/2010/10/19/1855366.html
三 Android API 中文 （15） —— GridView
正文
一、结构
public final classGridView extends AbsListView
java.lang.Object
android.view.View
android.view.ViewGroup
android.widget.AdapterView<T extends android.widget.Adapter>
android.widget.AbsListView
android.widget.GridView
二、类概述
一个在平面上可显示多个条目的可滚动的视图组件，该组件中的条目通过一个ListAdapter和该组件进行关联。比如android手机中显示的应用：
比如实现九宫格图，用GridView是首选，也是最简单的。
三、构造函数
public GridView (Context context)
创建一个默认属性的GridView实例
public GridView (Context context, AttributeSet attrs)
创建一个带有attrs属性的GridView实例
public GridView (Context context, AttributeSet attrs, int defStyle)
创建一个带有attrs属性，并且指定其默认样式的GridView实例
四、XML属性
| 属性名称 | 描述 |
| android:columnWidth | 设置列的宽度。关联的方法为：setColumnWidth(int) |
| android:gravity | 设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical可以多选，用“|”分开。关联方法：setGravity (int gravity) |
| android:horizontalSpacing | 两列之间的间距。关联方法：setHorizontalSpacing(int) |
| android:numColumns | 列数。关联方法：setNumColumns(int) |
| android:stretchMode | 缩放模式。关联方法：setStretchMode(int) |
| android:verticalSpacing | 两行之间的间距。关联方法：setVerticalSpacing(int) |
五、公共方法
public ListAdapter getAdapter ()
获得与此组件相关的适配器..
返回值
ListAdapter适配器实例
public int getStretchMode ()
获得GridView的缩放模式..
public boolean onKeyDown (int keyCode, KeyEvent event)
默认由KeyEvent.Callback.onKeyMultiple（）实现，如果视图是可用的并且是可点击的，那么传入 KEYCODE_DPAD_CENTER或KEYCODE_ENTER值是执行的是按下视图操作。
参数
keyCode一个表示按下操作的键值.
event表示按钮事件的对象.
返回值
如果你认为已经完成事件处理,不想让让下一个处理器来处理此事件，则返回true,否则返回false。
public boolean onKeyMultiple (int keyCode, int repeatCount, KeyEvent event)
默认由KeyEvent.Callback.onKeyMultiple()实现，总是返回false（不处理此事件）。
参数
keyCode键值.
repeatCount该动作发生的次数.
event事件对象.
返回值
如果你认为已经完成事件处理,不想让让下一个处理器来处理此事件，则返回true,否则返回false。
public boolean onKeyUp (int keyCode, KeyEvent event)
默认由KeyEvent.Callback.onKeyMultiple（）实现，如果视图是可用的并且是可点击的，那么传入KEYCODE_DPAD_CENTER或KEYCODE_ENTER值是执行的是点击视图操作。
参数
keyCode键值.
event事件对象.
返回值
如果你认为已经完成事件处理,不想让让下一个处理器来处理此事件，则返回true,否则返回false。
public void setAdapter (ListAdapter adapter)
设置GridView的数据。
参数
adapter为grid提供数据的适配器
public void setColumnWidth (int columnWidth)
设置GridView的列宽.
参数
columnWidth列的宽度，以像素为单位
public void setGravity (int gravity)
设置控件内容的位置，默认值为：Gravity.LEFT.
参数
gravity位置值
public void setHorizontalSpacing (int horizontalSpacing)
设置列间距.
参数
horizontalSpacing列间距值
public void setNumColumns (int numColumns)
设置grid的列数
参数
numColumns列数值.
public void setSelection (int position)
设置选中的条目.
参数
position.数据条目在列表中的索引值（从0开始），如果在可触摸的模式下，在该索引值下的条目将不会被选中，但是该索引值仍然指向该条目。
public void setStretchMode (int stretchMode)
设置grid中的条目以什么缩放模式去填充空间。.
参数
stretchMode可选值：NO_STRETCH，STRETCH_SPACING，STRETCH_SPACING_UNIFORM，或STRETCH_COLUMN_WIDTH
public void setVerticalSpacing (int verticalSpacing)
设置行间距.
参数
verticalSpacing 间距值，以像素为单位六、代码示例
下面给出一个小例子，先看效果：
a). GridView01.java
public class GridView01 extends Activity{private GridViewgridview;
@Override
protected void onCreate(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
setContentView(R.layout.gridview);
// 准备要添加的数据条目
List < Map < String,Object >> items = new ArrayList < Map < String,Object >> ();
for ( int i = 0 ;i < 10 ;i ++ ){
Map < String,Object > item = new HashMap < String,Object > ();
item.put( " imageItem " ,R.drawable.icon);
item.put( " textItem " , " text " + i);
items.add(item);
}
// 实例化一个适配器
SimpleAdapteradapter = new SimpleAdapter( this ,items,R.layout.grid_item, new String[]{ " imageItem " , " textItem " }, new int []{R.id.image_item,R.id.text_item});
// 获得GridView实例
gridview = (GridView)findViewById(R.id.mygridview);
// gridview.setNumColumns(3); // 可以在xml中设置
// gridview.setGravity(Gravity.CENTER); // 同上
// 将GridView和数据适配器关联
gridview.setAdapter(adapter);
}
}
b). gridview.xml
<? xmlversion="1.0"encoding="utf-8" ?>< LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width ="wrap_content"
android:layout_height ="wrap_content" >
< GridView android:id ="@+id/mygridview"
android:numColumns ="3"
android:gravity ="center_horizontal"
android:layout_width ="wrap_content"
android:layout_height ="wrap_content" >
</ GridView >
</ LinearLayout >
c). grid_item.xml
<? xmlversion="1.0"encoding="utf-8" ?>< RelativeLayout android:id ="@+id/RelativeLayout01"
android:layout_width ="fill_parent" android:layout_height ="fill_parent"
xmlns:android ="http://schemas.android.com/apk/res/android" >
< ImageView android:id ="@+id/image_item"
android:layout_width ="wrap_content"
android:layout_height ="wrap_content" >
</ ImageView >
< TextView android:id ="@+id/text_item"
android:layout_below ="@+id/image_item"
android:layout_height ="wrap_content"
android:layout_width ="wrap_content" >
</ TextView >
</ RelativeLayout >
四
Android开发学习笔记：Gallery和GridView浅析
一.Gallery的简介
Gallery（画廊）是一个锁定中心条目并且拥有水平滚动列表的视图，一般用来浏览图片，并且可以响应事件显示信息。Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图片的效果。
Gallery常用的XML属性
| 属性名称 | 描述 | |||||||||||||||||||||||||||||||||||||||
| android:animationDuration | 设置布局变化时动画的转换所需的时间（毫秒级）。仅在动画开始时计时。该值必须是整数，比如：100。 | |||||||||||||||||||||||||||||||||||||||
| android:gravity | 指定在对象的X和Y轴上如何放置内容。指定一下常量中的一个或多个（使用 “|”分割）
| |||||||||||||||||||||||||||||||||||||||
| android:spacing | 图片之间的间距 | |||||||||||||||||||||||||||||||||||||||
| android:unselectedAlpha | 设置未选中的条目的透明度(Alpha)。该值必须是float类型，比如：“1.2”。 |
首先介绍Gallery单独使用的例子：
MainActivity.java
- packagecom.android.gallerydemo;
- importandroid.app.Activity;
- importandroid.content.Context;
- importandroid.os.Bundle;
- importandroid.view.View;
- importandroid.view.ViewGroup;
- importandroid.widget.AdapterView;
- importandroid.widget.AdapterView.OnItemClickListener;
- importandroid.widget.BaseAdapter;
- importandroid.widget.Gallery;
- importandroid.widget.ImageView;
- importandroid.widget.Toast;
- publicclassMainActivityextendsActivity{
- privateGallerygallery;
- @Override
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- gallery=(Gallery)findViewById(R.id.gallery);
- //设置图片适配器
- gallery.setAdapter(newImageAdapter(this));
- //设置监听器
- gallery.setOnItemClickListener(newOnItemClickListener(){
- @Override
- publicvoidonItemClick(AdapterView<?>parent,Viewv,intposition,longid){
- Toast.makeText(MainActivity.this,"点击了第"+(position+1)+"张图片",Toast.LENGTH_LONG).show();
- }
- });
- }
- }
- classImageAdapterextendsBaseAdapter{
- //声明Context
- privateContextcontext;
- //图片源数组
- privateInteger[]imageInteger={
- R.drawable.pic1,
- R.drawable.pic2,
- R.drawable.pic3,
- R.drawable.pic4,
- R.drawable.pic5,
- R.drawable.pic6,
- R.drawable.pic7
- };
- //声明ImageAdapter
- publicImageAdapter(Contextc){
- context=c;
- }
- @Override
- //获取图片的个数
- publicintgetCount(){
- returnimageInteger.length;
- }
- @Override
- //获取图片在库中的位置
- publicObjectgetItem(intposition){
- returnposition;
- }
- @Override
- //获取图片在库中的位置
- publiclonggetItemId(intposition){
- //TODOAuto-generatedmethodstub
- returnposition;
- }
- @Override
- publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
- ImageViewimageView=newImageView(context);
- //给ImageView设置资源
- imageView.setImageResource(imageInteger[position]);
- //设置比例类型
- imageView.setScaleType(ImageView.ScaleType.FIT_XY);
- //设置布局图片128x192显示
- imageView.setLayoutParams(newGallery.LayoutParams(128,192));
- returnimageView;
- }
- }
main.xml
- <?xmlversion="1.0"encoding="utf-8"?>
- <Galleryxmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/gallery"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:gravity="center_vertical"
- android:background="?android:galleryItemBackground"
- />
效果图：
Gallery和ImageSwitcher组件结合使用的例子：
MainActivity.java
- packagecom.android.gallerytest;
- importandroid.app.Activity;
- importandroid.content.Context;
- importandroid.os.Bundle;
- importandroid.view.View;
- importandroid.view.ViewGroup;
- importandroid.view.Window;
- importandroid.view.animation.AnimationUtils;
- importandroid.widget.AdapterView;
- importandroid.widget.BaseAdapter;
- importandroid.widget.Gallery;
- importandroid.widget.ImageSwitcher;
- importandroid.widget.ImageView;
- importandroid.widget.AdapterView.OnItemSelectedListener;
- importandroid.widget.Gallery.LayoutParams;
- importandroid.widget.ViewSwitcher.ViewFactory;
- publicclassMainActivityextendsActivityimplementsOnItemSelectedListener,
- ViewFactory{
- privateImageSwitchermSwitcher;
- //大图片对应的缩略图源数组
- privateInteger[]mThumbIds={R.drawable.sample_thumb_0,
- R.drawable.sample_thumb_1,R.drawable.sample_thumb_2,
- R.drawable.sample_thumb_3,R.drawable.sample_thumb_4,
- R.drawable.sample_thumb_5,R.drawable.sample_thumb_6,
- R.drawable.sample_thumb_7};
- //大图片源数组
- privateInteger[]mImageIds={R.drawable.sample_0,R.drawable.sample_1,
- R.drawable.sample_2,R.drawable.sample_3,R.drawable.sample_4,
- R.drawable.sample_5,R.drawable.sample_6,R.drawable.sample_7};
- @Override
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- //设置窗口无标题
- requestWindowFeature(Window.FEATURE_NO_TITLE);
- setContentView(R.layout.main);
- mSwitcher=(ImageSwitcher)findViewById(R.id.switcher);
- //注意在使用一个ImageSwitcher之前，
- //一定要调用setFactory方法，要不setImageResource这个方法会报空指针异常。
- mSwitcher.setFactory(this);
- //设置动画效果
- mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
- android.R.anim.fade_in));
- mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
- android.R.anim.fade_out));
- Galleryg=(Gallery)findViewById(R.id.gallery);
- //添加OnItemSelectedListener监听器
- g.setAdapter(newImageAdapter(this));
- g.setOnItemSelectedListener(this);
- }
- //创建内部类ImageAdapter
- publicclassImageAdapterextendsBaseAdapter{
- publicImageAdapter(Contextc){
- mContext=c;
- }
- publicintgetCount(){
- returnmThumbIds.length;
- }
- publicObjectgetItem(intposition){
- returnposition;
- }
- publiclonggetItemId(intposition){
- returnposition;
- }
- publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
- ImageViewi=newImageView(mContext);
- i.setImageResource(mThumbIds[position]);
- //设置边界对齐
- i.setAdjustViewBounds(true);
- //设置布局参数
- i.setLayoutParams(newGallery.LayoutParams(
- LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
- //设置背景资源
- i.setBackgroundResource(R.drawable.picture_frame);
- returni;
- }
- privateContextmContext;
- }
- @Override
- //实现onItemSelected()方法，更换图片
- publicvoidonItemSelected(AdapterView<?>adapter,Viewv,intposition,
- longid){
- //设置图片资源
- mSwitcher.setImageResource(mImageIds[position]);
- }
- @Override
- publicvoidonNothingSelected(AdapterView<?>arg0){
- }
- @Override
- //实现makeView()方法，为ImageView设置布局格式
- publicViewmakeView(){
- ImageViewi=newImageView(this);
- //设置背景颜色
- i.setBackgroundColor(0xFF000000);
- //设置比例类型
- i.setScaleType(ImageView.ScaleType.FIT_CENTER);
- //设置布局参数
- i.setLayoutParams(newImageSwitcher.LayoutParams(
- LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
- returni;
- }
- }
main.xml
- <?xmlversion="1.0"encoding="utf-8"?>
- <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <ImageSwitcher
- android:id="@+id/switcher"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:layout_alignParentTop="true"
- android:layout_alignParentLeft="true"
- />
- <Gallery
- android:id="@+id/gallery"
- android:background="#55000000"
- android:layout_width="fill_parent"
- android:layout_height="60dp"
- android:layout_alignParentBottom="true"
- android:layout_alignParentLeft="true"
- android:gravity="center_vertical"
- android:spacing="16dp"
- />
- </RelativeLayout>
效果图:
二.GridView的简介
GridView(网格视图)是按照行列的方式来显示内容的，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。主要用于设置Adapter。
GridView常用的XML属性：
| 属性名称 | 描述 |
| android:columnWidth | 设置列的宽度。 |
| android:gravity | 设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical 可以多选，用“|”分开。 |
| android:horizontalSpacing | 两列之间的间距。 |
| android:numColumns | 设置列数。 |
| android:stretchMode | 缩放模式。 |
| android:verticalSpacing | 两行之间的间距。 |
下面有三个例子，第一个是只显示图片的，第二个是显示图片文字的(这里的图片是Android系统自带的图片)，第三个是显示自定义的图片文字。前面两个例子的实现都不是很难，第三个例子的实现有些复杂，学习GridView的时候，就想着能不能自定义自己喜欢的图片加上文字，在网上找些资料，一般都是第二个例子的形式的，最后在视频学习上找到了能实现自定义自己的图片的例子。自己就照着例子去学习，修改成了第三个例子。
第一个例子：
MainActivity.java
- package com.android.gridview.activity;
- import android.app.Activity;
- import android.content.Context;
- import android.os.Bundle;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.AdapterView;
- import android.widget.AdapterView.OnItemClickListener;
- import android.widget.BaseAdapter;
- import android.widget.GridView;
- import android.widget.ImageView;
- import android.widget.Toast;
- public class MainActivity extends Activity {
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- GridView gv = (GridView)findViewById(R.id.GridView1);
- //为GridView设置适配器
- gv.setAdapter(new MyAdapter(this));
- //注册监听事件
- gv.setOnItemClickListener(new OnItemClickListener()
- {
- public void onItemClick(AdapterView<?> parent, View v, int position, long id)
- {
- Toast.makeText(MainActivity.this, "pic" + position, Toast.LENGTH_SHORT).show();
- }
- });
- }
- }
- //自定义适配器
- class MyAdapter extends BaseAdapter{
- //上下文对象
- private Context context;
- //图片数组
- private Integer[] imgs = {
- R.drawable.pic0, R.drawable.pic1, R.drawable.pic2,
- R.drawable.pic3, R.drawable.pic4, R.drawable.pic5,
- R.drawable.pic6, R.drawable.pic7, R.drawable.pic8,
- R.drawable.pic0, R.drawable.pic1, R.drawable.pic2,
- R.drawable.pic3, R.drawable.pic4, R.drawable.pic5,
- R.drawable.pic6, R.drawable.pic7, R.drawable.pic8,
- };
- MyAdapter(Context context){
- this.context = context;
- }
- public int getCount() {
- return imgs.length;
- }
- public Object getItem(int item) {
- return item;
- }
- public long getItemId(int id) {
- return id;
- }
- //创建View方法
- public View getView(int position, View convertView, ViewGroup parent) {
- ImageView imageView;
- if (convertView == null) {
- imageView = new ImageView(context);
- imageView.setLayoutParams(new GridView.LayoutParams(75, 75));//设置ImageView对象布局
- imageView.setAdjustViewBounds(false);//设置边界对齐
- imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);//设置刻度的类型
- imageView.setPadding(8, 8, 8, 8);//设置间距
- }
- else {
- imageView = (ImageView) convertView;
- }
- imageView.setImageResource(imgs[position]);//为ImageView设置图片资源
- return imageView;
- }
- }
main.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <GridView
- android:id="@+id/GridView1"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:columnWidth="90dp"
- android:numColumns="3"
- android:verticalSpacing="10dp"
- android:horizontalSpacing="10dp"
- android:stretchMode="columnWidth"
- android:gravity="center"
- />
- </LinearLayout>
效果图：
第二个例子：
MainActivity.java
- package com.android.gridview2.activity;
- 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 gv;
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- // TODO Auto-generated method stub
- super.onCreate(savedInstanceState);
- setContentView(R.layout.gridview);
- //准备要添加的数据条目
- List<Map<String, Object>> items = new ArrayList<Map<String,Object>>();
- for (int i = 0; i < 9; i++) {
- Map<String, Object> item = new HashMap<String, Object>();
- item.put("imageItem", R.drawable.icon);//添加图像资源的ID
- item.put("textItem", "icon" + i);//按序号添加ItemText
- items.add(item);
- }
- //实例化一个适配器
- SimpleAdapter adapter = new SimpleAdapter(this,
- items,
- R.layout.grid_item,
- new String[]{"imageItem", "textItem"},
- new int[]{R.id.image_item, R.id.text_item});
- //获得GridView实例
- gv = (GridView)findViewById(R.id.mygridview);
- //为GridView设置适配器
- gv.setAdapter(adapter);
- }
- }
gridview.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- >
- <GridView
- android:id="@+id/mygridview"
- android:numColumns="3"
- android:gravity="center_horizontal"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:stretchMode="columnWidth"
- />
- </LinearLayout>
grid_item.xml
- <?xml version="1.0" encoding="utf-8"?>
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/RelativeLayout1"
- android:layout_width="wrap_content"
- android:layout_height="fill_parent"
- android:paddingBottom="6dip"
- >
- <ImageView
- android:id="@+id/image_item"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_centerHorizontal="true"
- />
- <TextView
- android:id="@+id/text_item"
- android:layout_below="@+id/image_item"
- android:layout_height="wrap_content"
- android:layout_width="wrap_content"
- android:layout_centerHorizontal="true"
- />
- </RelativeLayout>
效果图：
第三个例子：
MainActivity.java
- package com.android.gridview3;
- import java.util.ArrayList;
- import java.util.List;
- import android.app.Activity;
- import android.content.Context;
- import android.os.Bundle;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.AdapterView;
- import android.widget.BaseAdapter;
- import android.widget.GridView;
- import android.widget.ImageView;
- import android.widget.TextView;
- import android.widget.Toast;
- import android.widget.AdapterView.OnItemClickListener;
- public class MainActivity extends Activity
- {
- private GridView gridView;
- //图片的文字标题
- private String[] titles = new String[]
- { "pic1", "pic2", "pic3", "pic4", "pic5", "pic6", "pic7", "pic8", "pic9"};
- //图片ID数组
- private int[] images = new int[]{
- R.drawable.pic1, R.drawable.pic2, R.drawable.pic3,
- R.drawable.pic4, R.drawable.pic5, R.drawable.pic6,
- R.drawable.pic7, R.drawable.pic8,R.drawable.pic9
- };
- @Override
- public void onCreate(Bundle savedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- gridView = (GridView) findViewById(R.id.gridview);
- PictureAdapter adapter = new PictureAdapter(titles, images, this);
- gridView.setAdapter(adapter);
- gridView.setOnItemClickListener(new OnItemClickListener()
- {
- public void onItemClick(AdapterView<?> parent, View v, int position, long id)
- {
- Toast.makeText(MainActivity.this, "pic" + (position+1), Toast.LENGTH_SHORT).show();
- }
- });
- }
- }
- //自定义适配器
- class PictureAdapter extends BaseAdapter{
- private LayoutInflater inflater;
- private List<Picture> pictures;
- public PictureAdapter(String[] titles, int[] images, Context context)
- {
- super();
- pictures = new ArrayList<Picture>();
- inflater = LayoutInflater.from(context);
- for (int i = 0; i < images.length; i++)
- {
- Picture picture = new Picture(titles[i], images[i]);
- pictures.add(picture);
- }
- }
- @Override
- public int getCount()
- {
- if (null != pictures)
- {
- return pictures.size();
- } else
- {
- return 0;
- }
- }
- @Override
- public Object getItem(int position)
- {
- return pictures.get(position);
- }
- @Override
- public long getItemId(int position)
- {
- return position;
- }
- @Override
- public View getView(int position, View convertView, ViewGroup parent)
- {
- ViewHolder viewHolder;
- if (convertView == null)
- {
- convertView = inflater.inflate(R.layout.picture_item, null);
- viewHolder = new ViewHolder();
- viewHolder.title = (TextView) convertView.findViewById(R.id.title);
- viewHolder.image = (ImageView) convertView.findViewById(R.id.image);
- convertView.setTag(viewHolder);
- } else
- {
- viewHolder = (ViewHolder) convertView.getTag();
- }
- viewHolder.title.setText(pictures.get(position).getTitle());
- viewHolder.image.setImageResource(pictures.get(position).getImageId());
- return convertView;
- }
- }
- class ViewHolder
- {
- public TextView title;
- public ImageView image;
- }
- class Picture
- {
- private String title;
- private int imageId;
- public Picture()
- {
- super();
- }
- public Picture(String title, int imageId)
- {
- super();
- this.title = title;
- this.imageId = imageId;
- }
- public String getTitle()
- {
- return title;
- }
- public void setTitle(String title)
- {
- this.title = title;
- }
- public int getImageId()
- {
- return imageId;
- }
- public void setImageId(int imageId)
- {
- this.imageId = imageId;
- }
- }
main.xml
- <?xml version="1.0" encoding="utf-8"?>
- <GridView xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/gridview"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:columnWidth="90dp"
- android:numColumns="auto_fit"
- android:verticalSpacing="10dp"
- android:horizontalSpacing="10dp"
- android:stretchMode="columnWidth"
- android:gravity="center"
- />
picture_item.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/root"
- android:orientation="vertical"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginTop="5dp"
- >
- <ImageView
- android:id="@+id/image"
- android:layout_width="100dp"
- android:layout_height="150dp"
- android:layout_gravity="center"
- android:scaleType="fitXY"
- android:padding="4dp"
- />
- <TextView
- android:id="@+id/title"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center"
- android:gravity="center_horizontal"
- />
- </LinearLayout>
效果图：
更多相关文章
- [android]android自动化测试七之动态AVD硬件参数
- 【Android】常见布局xml参数详解
- Android 图片倒影和setXfermode
- Android 控件使用参数集锦
- android:inputType参数类型说明
- RadioButton修改标志图片
- android超炫的图片浏览器
- android常用函数参数补充
- android 图片自动切换