Android控件开发之GridView
2011-08-14 19:23
387 查看
类概述
一个在平面上可显示多个条目的可滚动的视图组件,该组件中的条目通过一个ListAdapter和该组件进行关联。
GridView是一项显示二维的viewgroup,可滚动的网格。一般用来显示多张图片。
以下模拟九宫图的实现,当鼠标点击图片时会进行相应的跳转链接。
效果图
本程序main.xml源码
item.xml源码
主程序Java源码
一个在平面上可显示多个条目的可滚动的视图组件,该组件中的条目通过一个ListAdapter和该组件进行关联。
GridView是一项显示二维的viewgroup,可滚动的网格。一般用来显示多张图片。
以下模拟九宫图的实现,当鼠标点击图片时会进行相应的跳转链接。
效果图
GridView 属性设置 <!-- android:numColumns="auto_fit" , GridView的列数设置为自动 android:columnWidth="90dp", 每列的宽度,也就是Item的宽度 android:stretchMode="columnWidth", 缩放与列宽大小同步 android:verticalSpacing="10dp", 两行之间的边距,如:行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dp android:horizontalSpacing="10dp", 两列之间的边距 -->
本程序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:numColumns="auto_fit" android:verticalSpacing="10dp" android:horizontalSpacing="10dp" android:columnWidth="90dp" android:stretchMode="columnWidth" android:gravity="center" />
item.xml源码
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:paddingBottom="4dip" android:layout_width="fill_parent"> <ImageView android:layout_height="90dp" //注:如果使用的图片高度高于Gridview设置的android:columnWidth="90dp" 请更改这里的值 android:layout_width="wrap_content" android:layout_centerHorizontal="true" android:id="@+id/itemImage" /> <TextView android:layout_width="wrap_content" android:layout_below="@+id/itemImage" android:layout_height="wrap_content" android:text="TextView01" android:layout_centerHorizontal="true" android:id="@+id/itemText"/> </RelativeLayout>
主程序Java源码
package com.sx.GridView; import java.util.ArrayList; import java.util.HashMap; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.GridView; import android.widget.SimpleAdapter; public class GridViewActivity extends Activity { private String texts[] = null; private int images[] = null; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); images=new int[] { R.drawable.img1, R.drawable.img2, R.drawable.img3, R.drawable.img4, R.drawable.img5, R.drawable.img6, R.drawable.img7, R.drawable.img8 }; texts = new String[] { "宫式布局1", "宫式布局2", "宫式布局3", "宫式布局4", "宫式布局5", "宫式布局6", "宫式布局7", "宫式布局8" }; GridView gridview = (GridView) findViewById(R.id.gridview); ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>(); for (int i = 0; i < 8; i++) { HashMap<String, Object> map = new HashMap<String, Object>(); map.put("itemImage", images[i]); map.put("itemText", texts[i]); lstImageItem.add(map); } SimpleAdapter saImageItems = new SimpleAdapter(this, lstImageItem,// 数据源 R.layout.item,// 显示布局 new String[] { "itemImage", "itemText" }, new int[] { R.id.itemImage, R.id.itemText }); gridview.setAdapter(saImageItems); gridview.setOnItemClickListener(new ItemClickListener()); } class ItemClickListener implements OnItemClickListener { parent 发生点击动作的AdapterView view 在AdapterView中被点击的视图(它是由adapter提供的一个视图)。 position 视图在adapter中的位置。 rowid 被点击元素的行id。 public void onItemClick(AdapterView<?> parent, View view, int position, long rowid) { //根据图片进行相应的跳转 switch (images[position]) { case R.drawable.img1: break; } } }
相关文章推荐
- android开发 gridview的item与子控件焦点问题
- Android控件开发之GridView
- Android初级开发(四)——补充9、GridView(表格)控件的使用
- Android开发-UI控件:PullToRefresh(ListView GridView下拉刷新)的简单使用
- Android控件开发之GridView
- Android开发深化之关于自定义GridView控件的实现
- Android开发:控件GridView的使用
- android控件)GridView控件开发总结
- Android控件开发之GridView
- Android TV开发经验总结---控件Gridview使用
- 【Android 开发】:UI控件之 GridView 网格控件的使用
- Android TV开发经验总结---控件Gridview使用
- Android开发:日期控件的使用(二)
- android开发日历控件
- Android开发学习笔记-自定义组合控件
- deviceOne 开发--gridview模版里面的imageview设置为-1,ios图片显示不全,AndroidOK
- 【Android 开发问题】ListView 嵌套 GridView导致ListView的item不可点击
- android控件15 GridView
- Android控件 之 GridView九宫格实现方法二
- 网格控件GridView在Android中的使用