Android應用開發(fā)中使用GridView網(wǎng)格布局的代碼示例

更新時間：2016年06月08日 15:51:15 作者：澤江08

GridView布局比較基礎,可以取代已經(jīng)逐漸淡出人們視線的TableLayout,這里我們就來看一下Android應用開發(fā)中使用GridView網(wǎng)格布局的代碼示例:

基本布局演示
1. 定義包含GridView 的 main.xmk

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
<GridView 
  android:id="@+id/gride"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
<strong>  android:numColumns="3"</strong>
  android:verticalSpacing="5dip"
  />
</LinearLayout>

這行應該注意一下：

android:numColumns="3"

用來設定GridView每行顯示的View數(shù)目如果沒有這行會默認每行顯示一個View 和ListView 的一樣

2. 自定義 class ImageList extends BaseAdapter 其中主要是：

View getView(int position, View convertView, ViewGroup parent)

用于顯示目標ImageView

public class ImageList extends BaseAdapter {
    Activity activity;
     
    //construct
    public ImageList(Activity a ) {
      activity = a;
    }
     
    @Override
    public int getCount() {
      // TODO Auto-generated method stub
      return image.length;
    }
 
    @Override
    public Object getItem(int position) {
      // TODO Auto-generated method stub
      return image[position];
    }
 
    @Override
    public long getItemId(int position) {
      // TODO Auto-generated method stub
      return position;
    }
 
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      ImageView iv = new ImageView(activity);
      iv.setImageResource(image[position]);
      return iv;
    }
  }

3. 給GridView指定Adapter

GridView gv = (GridView) findViewById(R.id.gride);
ImageList adapter = new ImageList(this);
gv.setAdapter(adapter);

所以最后效果圖是這樣的

201668154457792.png (320×480)

巧妙地添加GridView的網(wǎng)格線
ListView 中設置分隔線的加如下參數(shù)即可:

android:divider="@color/gray"
android:dividerHeight="1dp"

GridView網(wǎng)格布局，默認情況下是沒有網(wǎng)格線的
查找網(wǎng)上資料，找到了一種為GridView添加網(wǎng)格線的小技巧
實際上，該網(wǎng)格線是通過設置GridView各子項的間隔，并分別設置GridView背景色與子項背景色實現(xiàn)的。
實現(xiàn)方法:
（1）設置GridView背景色，設置水平間方向間隔屬性值android:horizontalSpacing和豎直方向間隔屬性值

android:verticalSpacing

（2）設置GridView子項背景色
示例代碼：
1.main.xml

 <GridView
    android:id="@+id/gv_words"
    android:visibility="gone"
    android:background="@color/gray"
    android:columnWidth="60dp" 
    android:numColumns="5"
    android:listSelector="@null" 
    android:verticalSpacing="1.0px" 
    android:horizontalSpacing="1.0px"
    android:soundEffectsEnabled="true"
    android:smoothScrollbar="true" 
    android:stretchMode="columnWidth" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/llayout2"
    android:layout_below="@+id/llayout1"/>

2.GrivViewItem布局

<?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="wrap_content"
  android:background="@color/white" >
  <RelativeLayout
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_margin="5dp">

     <TextView
      android:id="@+id/gv_bushou_TextView1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@+id/ItemImage"
      android:layout_margin="1dp"
      android:layout_alignParentTop="true"
      android:layout_alignParentLeft="true"
      android:layout_above="@+id/gv_bushou_TextView2"
      android:layout_toLeftOf="@+id/gv_bushou_TextView2"
      android:textSize="25dp"
      android:textColor="@color/blue"
      android:text="難" >
    </TextView>
  
    <TextView
      android:id="@+id/gv_bushou_TextView2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@+id/ItemImage"
      android:layout_alignParentBottom="true"
      android:layout_alignParentRight="true"
      android:textColor="@color/gray"
      android:textSize="10dp"
      android:text="1筆" >
    </TextView>
  </RelativeLayout>
</LinearLayout>

3.運行截圖

201668154607821.jpg (240×432)

您可能感興趣的文章:

Android 應用Crash 后自動重啟的方法小結
這篇文章主要介紹了Android 應用Crash 后自動重啟的方法，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-06-06
Filter過濾器和Listener監(jiān)聽器詳解
這篇文章主要介紹了 Filter過濾器和Listener監(jiān)聽器詳解的相關資料,需要的朋友可以參考下
2017-04-04
Flutter隨機迷宮生成和解迷宮小游戲功能的源碼
這篇文章主要介紹了Flutter隨機迷宮生成和解迷宮小游戲，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-04-04
Android實現(xiàn)圖片九宮格
這篇文章主要為大家詳細介紹了Android實現(xiàn)圖片九宮格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06
Android基于TextView實現(xiàn)的跑馬燈效果實例
這篇文章主要介紹了Android基于TextView實現(xiàn)的跑馬燈效果,以完整實例形式分析了Android使用TextView通過屬性設置及功能代碼實現(xiàn)跑馬燈效果的相關技巧,需要的朋友可以參考下
2016-02-02
Android無障礙自動化結合opencv實現(xiàn)支付寶能量自動收集操作方法
opencv可以進行圖像識別,兩者結合在一起即可實現(xiàn)支付寶能量自動收集,opencv用于識別能量,無障礙服務用于模擬手勢,即點擊能量,這篇文章主要介紹了Android無障礙自動化結合opencv實現(xiàn)支付寶能量自動收集,需要的朋友可以參考下
2024-07-07
Android Fragment+FragmentTabHost組件實現(xiàn)常見主頁面（仿微信新浪）
本文主要介紹Fragment+FragmentTabHost組件實現(xiàn)常見主頁面，這里整理了詳細資料及簡單示例代碼，有興趣的小伙伴可以參考下
2016-09-09
分享安裝Android Studio3.6的經(jīng)驗教訓
這篇文章主要介紹了Android Studio3.6的安裝錯誤問題及解決方法，非常值得大家參考，現(xiàn)把整個過程分享到腳本之家平臺，需要的朋友參考下吧
2020-02-02
android開發(fā)仿ios的UIScrollView實例代碼
下面小編就為大家分享一篇android開發(fā)仿ios的UIScrollView實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
android 設置控件的顏色字體的方法
這篇文章介紹了android 設置控件的顏色字體的方法，有需要的朋友可以參考一下
2013-09-09