GridView和SimpleAdapter實現網格布局

標籤：android   style   blog   http   java   color   

android:horizontalSpacing 元素之間的水平間距
android:verticalSpacing     元素之間的垂直間距
android:numColumns         設定列數
android:stretchMode          展開模式

該程式的目的是將圖片用適配器放入4列的gridView中，點擊一個圖片下方出現預覽圖。

package com.kale.gridview02;import java.util.ArrayList;import java.util.HashMap;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.ImageView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {    GridView gV;    ImageView iV;    //將圖片Id放入數組中去    int []imageIds = new int[] {            R.drawable.itunes,R.drawable.appstore,            R.drawable.calculator,R.drawable.camera,R.drawable.mail,            R.drawable.setting,R.drawable.safair    };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                viewInit();        //定義一個list來存放多個item元素        ArrayList<Map<String, Object>> listItems = new ArrayList<Map<String,Object>>();        for (int i = 0; i < imageIds.length; i++) {            Map<String, Object> item = new HashMap<>();            item.put("image", imageIds[i]);            listItems.add(item);        }        //建立simpleAdapter來設定元素。1.context對象 2.list對象（資料來源）3.item的布局檔案 4.元素中的鍵名 5.該鍵名對應的組件的id        SimpleAdapter adapter = new SimpleAdapter(this, listItems, R.layout.item,                new String[] {"image"}, new int[] {R.id.item_imageView_id});        gV.setAdapter(adapter);        gV.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> arg0, View arg1, int position,                    long arg3) {                //點擊哪個圖片，下面的imageview就顯示哪個                iV.setImageResource(imageIds[position]);                            }        });    }        private void viewInit() {        gV = (GridView)findViewById(R.id.gridView_id);        iV = (ImageView)findViewById(R.id.imageView_id);    }}

<RelativeLayout 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"    tools:context="${relativePackage}.${activityClass}" >    <!--         android:horizontalSpacing 元素之間的水平間距        android:verticalSpacing   元素之間的垂直間距        android:numColumns        設定列數        android:stretchMode       展開模式     -->    <GridView        android:id="@+id/gridView_id"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:horizontalSpacing="1dp"        android:verticalSpacing="1dp"        android:numColumns="4"         android:gravity="center">    </GridView>    <ImageView        android:id="@+id/imageView_id"        android:layout_width="180dp"        android:layout_height="180dp"        android:layout_below="@+id/gridView_id"        android:layout_centerHorizontal="true"        android:src="@drawable/ic_launcher" />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignTop="@+id/imageView_id"        android:layout_marginLeft="23dp"        android:textSize="20sp"        android:text="預覽圖片" /></RelativeLayout>

item.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/item_imageView_id"        android:layout_width="80dp"        android:layout_height="80dp"        android:scaleType="fitXY"        android:src="@drawable/ic_launcher" /></LinearLayout>