码迷,mamicode.com
首页 > 移动开发 > 详细

AndroidUI组件之GridView

时间:2014-05-09 06:31:23      阅读:380      评论:0      收藏:0      [点我收藏+]

标签:gridview   android4.0   界面   

java 代码如下(简单的知识点我会以注释的形式讲解):
package com.gc.gridviewdemo;
/**
 * @author Android将军
 */
/**
 * 知识点讲解:
 * 1、GridView 用于在界面上按行、列分布的方式来显示多个组件。
 * GridView和ListView有共同的父类:AbsListView,因此GridView
 * 和ListView具有很高的相似性,它们都是列表项。
 * GridView与ListView的唯一区别在于:ListView只显示一列;而GridView
 * 可以显示多列。从这个角度来看,ListView相当于一种特殊的GridView,
 * 如果让GridView只显示一列,那么该GridView就变成了Listview。
 * 与ListView类似的是,GridView也需要通过Adapter来提供显示的数据
 * 2、GridView常用的XML属性:
 * android:columnWidth------设置列的宽度
 * android:numColumns-------设置列数
 * android:horizontalSpacing----设置各元素之间的水平间距
 * android:verticalSpacing----设置各元素之间的垂直间距
 */
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {
	private GridView grid;
	private ImageView imageView;
	int[] imageIds=new int[]{R.drawable.addresslist1,R.drawable.conference2,R.drawable.daiban3
			,R.drawable.email4,R.drawable.file5,R.drawable.infrom6,R.drawable.organization7,R.drawable.publicfile8
			,R.drawable.request9,R.drawable.sign10,R.drawable.task11,R.drawable.work12};
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//创建一个List对象,List对象的元素是Map
		List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();
		for(int i=0;i<imageIds.length;i++)
		{
			Map<String, Object> listItem=new HashMap<String,Object>();
			listItem.put("image", imageIds[i]);
			listItems.add(listItem);
		}
		//获取显示图片的ImageView
		imageView=(ImageView)findViewById(R.id.imageView);
		//创建一个SimpleAdapter
		SimpleAdapter simpleAdapter=new SimpleAdapter(this, listItems, R.layout.cell, new String[]{"image"}, new int[]{R.id.image1});
		
		grid=(GridView)findViewById(R.id.grid01);
		//为GridView设置Adapter
		grid.setAdapter(simpleAdapter);
		//添加列表项被选中的监听器
		grid.setOnItemSelectedListener(new OnItemSelectedListener() {

			@Override
			public void onItemSelected(AdapterView<?> parent, View view,
					int position, long id) {
				// TODO Auto-generated method stub
				//显示当前被选中的图片
				imageView.setImageResource(imageIds[position]);
			}

			@Override
			public void onNothingSelected(AdapterView<?> parent) {
				// TODO Auto-generated method stub
				
			}
		});
		//添加列表项被单击的监听器
		grid.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				// TODO Auto-generated method stub
				//显示被单击的图片
				imageView.setImageResource(imageIds[position]);
			}
		});
		
	}


}

xml布局文件的代码如下:

activity_main.xml

<LinearLayout 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"
    android:orientation="vertical"
    android:layout_gravity="center_horizontal"
     >

    <!-- 定义一个GridView组件 -->
    <GridView 
        android:id="@+id/grid01"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:horizontalSpacing="1pt"
        android:verticalSpacing="1pt"
        android:numColumns="4"
        android:gravity="center"
       />
    <ImageView 
        android:id="@+id/imageView"
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:layout_gravity="center_horizontal"
        />

</LinearLayout>

cell.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/image1"
        android:layout_width="60dp"
        android:layout_height="60dp"
        />

</LinearLayout>

运行效果截图:

bubuko.com,布布扣




转载请注明出处:http://blog.csdn.net/android_jiangjun/article/details/25342001

AndroidUI组件之GridView,布布扣,bubuko.com

AndroidUI组件之GridView

标签:gridview   android4.0   界面   

原文地址:http://blog.csdn.net/android_jiangjun/article/details/25342001

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!