iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

Gridview 介紹

Gridview 是一塊一塊顯示各筆資料的一種元件,更適合圖片跟文字的同時使用,也更適合表格式的圖文輸出畫面。

Gridview 屬性介紹

android:numColumns設定水平幾筆資料
android:horizontalSpacing設定水平,同一行資料之間的間距
android:verticalSpacing設定垂直,上下層資料之間的間距
android:padding設定資料與邊緣的距離

Gridview實作

Ui

在Activity直接拉一個Gridview 就可以囉!
adapter則是編輯每筆項目的內容可以自行布置 這裡只是給簡單的例子

<TextView
        android:id="@+id/grid_item_text"
        android:text="itemtext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:textColor="@android:color/black"/>
<ImageView
        android:id="@+id/grid_item_image"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="centerCrop" />

程式

MainActivity

在MainActivty 輸入想要在每項資料內想式顯示的資料
image
綁定Gridview元件
GridView gridView = findViewById(R.id.gridview);
在MainActivity建立adapter這個變數 並把data,imageid丟到Mainadapter

        MainAdapter adapter = new MainAdapter(this, data,imageid);
        gridView.setAdapter(adapter);

MainAdapter

抓取資料數量
image

接取從activity 送來的每筆資料
image
image
convertView在每次產建立新資料時,需要先確認adapter是否為空,這是比較正式的做法,只有Recyclerview不必如此,接著繼續綁定元件跟設定元件顯示的內容。
image

成品

image


上一篇
[day13]Adapter-Recycleview篇
下一篇
[day15]Dialog
系列文
深入Android 物件的認識與應用實踐30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言