Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> AndroidUI組件之GridView

AndroidUI組件之GridView

編輯:關於Android編程

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> listItems=new ArrayList>();
		for(int i=0;i listItem=new HashMap();
			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



    
    
    


cell.xml的代碼如下:


    



運行效果截圖:





轉載請注明出處:http://blog.csdn.net/android_jiangjun/article/details/25342001

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved