快捷導(dǎo)航

Android GridView簡(jiǎn)單實(shí)例

更新時(shí)間：2017年01月25日 09:56:46 作者：stevefat

這篇文章主要為大家詳細(xì)介紹了Android GridView簡(jiǎn)單實(shí)例，簡(jiǎn)單實(shí)現(xiàn)九宮格效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

也是今天用到的一個(gè)東西，就是簡(jiǎn)單實(shí)現(xiàn)九宮格的Demo

1.就是定義各種layout 和對(duì)應(yīng)的item

我的：

<?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:background="#fff"
  android:orientation="vertical" >

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <GridView 
      android:id="@+id/gridView"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:numColumns="3"
      android:background="#fff"></GridView>


  </LinearLayout>

</LinearLayout>

itme的

<?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:padding="10dp"
  android:layout_gravity="center"
  android:background="#fff"
  android:orientation="vertical" >

  <ImageView
    android:id="@+id/iv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

  <TextView
    android:id="@+id/tv"
    android:paddingTop="10dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="#000"
    android:text="管線" />

</LinearLayout>

開始準(zhǔn)備數(shù)據(jù)：

  /**
   * 準(zhǔn)備顯示的數(shù)據(jù)
   */
  public void initData() {
    // 生成動(dòng)態(tài)數(shù)組，并且轉(zhuǎn)入數(shù)據(jù) ，暫時(shí)就這樣來(lái)處理
    lstImageItem = new ArrayList<HashMap<String, Object>>();
    for (int i = 0; i < 3; i++) {
      HashMap<String, Object> map = new HashMap<String, Object>();
      map.put("ItemImage", R.drawable.osg);// 添加圖像資源的ID
      map.put("ItemText", "各種管線" + String.valueOf(i));// 按序號(hào)做ItemText
      lstImageItem.add(map);
    }
  }

設(shè)置顯示

gv = (GridView) view.findViewById(R.id.gridView);
    SimpleAdapter adapter = new SimpleAdapter(this, lstImageItem, R.layout.gridview_item, new String[] { "ItemImage", "ItemText" },
        new int[] { R.id.iv, R.id.tv });
gv.setAdapter(adapter);

最后扔一張效果圖