快捷導(dǎo)航

Android控件之GridView用法實(shí)例分析

更新時(shí)間：2015年09月09日 11:10:25 作者：Ruthless

這篇文章主要介紹了Android控件之GridView用法,通過(guò)繪制九宮格的實(shí)例形式分析了GridView可滾動(dòng)網(wǎng)格的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了Android控件之GridView用法。分享給大家供大家參考。具體如下：

GridView是一項(xiàng)顯示二維的viewgroup，可滾動(dòng)的網(wǎng)格。一般用來(lái)顯示多張圖片。
以下模擬九宮圖的實(shí)現(xiàn)，當(dāng)鼠標(biāo)點(diǎn)擊圖片時(shí)會(huì)進(jìn)行相應(yīng)的跳轉(zhuǎn)鏈接。

目錄結(jié)構(gòu)如下：

main.xml布局文件，存放GridView控件

<?xml version="1.0" encoding="utf-8"?>
<!-- 
android:numColumns="auto_fit" ，GridView的列數(shù)設(shè)置為自動(dòng) 
android:columnWidth="90dp"，每列的寬度，也就是Item的寬度
android:stretchMode="columnWidth"，縮放與列寬大小同步
android:verticalSpacing="10dp"，兩行之間的邊距，如：行一(NO.0~NO.2)與行二(NO.3~NO.5)間距為10dp
android:horizontalSpacing="10dp"，兩列之間的邊距
 -->
<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"
/>

night_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="wrap_content"
    android:layout_width="wrap_content"
    android:layout_centerHorizontal="true"
    android:id="@+id/itemImage" >
  </ImageView>
  <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">
  </TextView>
</RelativeLayout>

strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string name="hello">Hello World, GvActivity!</string>
  <string name="app_name">九宮圖</string>
  <string name="test_name1">跳轉(zhuǎn)到TestActivity1</string>
  <string name="test_name2">跳轉(zhuǎn)到TestActivity2</string>
  <string name="test_name3">跳轉(zhuǎn)到TestActivity3</string>
</resources>

清單文件

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.ljq.gv"
   android:versionCode="1"
   android:versionName="1.0">
  <application android:icon="@drawable/icon" android:label="@string/app_name">
    <activity android:name=".GvActivity"
         android:label="@string/app_name">
      <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>
    </activity>
    <activity android:name=".TestActivity1" android:label="@string/test_name1"/>
    <activity android:name=".TestActivity2" android:label="@string/test_name2"/>
    <activity android:name=".TestActivity3" android:label="@string/test_name3"/>
  </application>
  <uses-sdk android:minSdkVersion="7" />
</manifest>

跳轉(zhuǎn)類TestActivity1、TestActivity2、TestActivity3

package com.ljq.gv;
import android.app.Activity;
import android.os.Bundle;
public class TestActivity1 extends Activity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //setContentView(R.layout.main);
  }
}
package com.ljq.gv;
import android.app.Activity;
import android.os.Bundle;
public class TestActivity2 extends Activity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //setContentView(R.layout.main);
  }
}
package com.ljq.gv;
import android.app.Activity;
import android.os.Bundle;
public class TestActivity3 extends Activity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //setContentView(R.layout.main);
  }
}

類GvActivity：

package com.ljq.gv;
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.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;
public class GvActivity 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.p1, R.drawable.p2,
        R.drawable.p3, R.drawable.p4, 
        R.drawable.p5,R.drawable.p6, 
        R.drawable.p7,R.drawable.p8};
    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,// 數(shù)據(jù)源
        R.layout.night_item,// 顯示布局
        new String[] { "itemImage", "itemText" }, 
        new int[] { R.id.itemImage, R.id.itemText }); 
    gridview.setAdapter(saImageItems);
    gridview.setOnItemClickListener(new ItemClickListener());
  }
  class ItemClickListener implements OnItemClickListener {
    /**
     * 點(diǎn)擊項(xiàng)時(shí)觸發(fā)事件
     * 
     * @param parent 發(fā)生點(diǎn)擊動(dòng)作的AdapterView
     * @param view 在AdapterView中被點(diǎn)擊的視圖(它是由adapter提供的一個(gè)視圖)。
     * @param position 視圖在adapter中的位置。
     * @param rowid 被點(diǎn)擊元素的行id。
     */
    public void onItemClick(AdapterView<?> parent, View view, int position, long rowid) {
      HashMap<String, Object> item = (HashMap<String, Object>) parent.getItemAtPosition(position);
      //獲取數(shù)據(jù)源的屬性值
      String itemText=(String)item.get("itemText");
      Object object=item.get("itemImage");
      Toast.makeText(GvActivity.this, itemText, Toast.LENGTH_LONG).show();
      //根據(jù)圖片進(jìn)行相應(yīng)的跳轉(zhuǎn)
      switch (images[position]) {
      case R.drawable.p1:
        startActivity(new Intent(GvActivity.this, TestActivity1.class));//啟動(dòng)另一個(gè)Activity
        finish();//結(jié)束此Activity，可回收
        break;
      case R.drawable.p2:
        startActivity(new Intent(GvActivity.this, TestActivity2.class));
        finish();
        break;
      case R.drawable.p3:
        startActivity(new Intent(GvActivity.this, TestActivity3.class));
        finish();
        break;
      }
    }
  }
}

運(yùn)行結(jié)果