AndroidUI組件之GridView

標籤：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};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//建立一個List對象,List對象的元素是MapList<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);}//擷取顯示圖片的ImageViewimageView=(ImageView)findViewById(R.id.imageView);//建立一個SimpleAdapterSimpleAdapter simpleAdapter=new SimpleAdapter(this, listItems, R.layout.cell, new String[]{"image"}, new int[]{R.id.image1});grid=(GridView)findViewById(R.id.grid01);//為GridView設定Adaptergrid.setAdapter(simpleAdapter);//添加清單項目被選中的監聽器grid.setOnItemSelectedListener(new OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view,int position, long id) {// TODO Auto-generated method stub//顯示當前被選中的圖片imageView.setImageResource(imageIds[position]);}@Overridepublic void onNothingSelected(AdapterView<?> parent) {// TODO Auto-generated method stub}});//添加清單項目被單擊的監聽器grid.setOnItemClickListener(new OnItemClickListener() {@Overridepublic 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>

運行效果：

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