文章詳情頁

Android使用GridView實現表格分割線效果

瀏覽：126日期：2022-09-23 10:45:29

使用GridView實現表格分割線效果，網格布局表格布局也是可以實現的。

效果如下：

1.主函數代碼：

package com.example.qd.douyinwu; import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.GridView;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.RelativeLayout;import android.widget.SimpleAdapter;import android.widget.TextView; import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map; /** * 自定義GridLayout 表格實現系列 * * https://github.com/li504799868/GridLayoutView * https://github.com/Eason90/GridBuilder * * https://github.com/wimsonevel/AndroidGridLayout * * https://blog.csdn.net/swust_chenpeng/article/details/37873215 * tableLayout 實現類似gridview的效果帶分割線 * * * https://github.com/LRH1993/AutoFlowLayout 網格布局實現 * https://github.com/dolphinwang/GridLayout * https://blog.csdn.net/aminy123/article/details/69053339 頻道管理 */public class SGridViewAcivity extends Activity { private View view = null; private GridView gridView; private List<Map<String, Object>> data_list; private SimpleAdapter sim_adapter; private Context mContext; // 圖片封裝為一個數組 private int[] icon = {R.drawable.ic_launcher_background, R.drawable.ic_launcher_background, R.drawable.jz_backward_icon, R.drawable.jz_backward_icon, R.drawable.ic_launcher_background, R.drawable.jz_backward_icon, R.drawable.jz_backward_icon, R.drawable.ic_launcher_background, R.drawable.jz_backward_icon, R.drawable.ic_launcher_background, R.drawable.ic_launcher_background, R.drawable.jz_backward_icon}; private String[] iconName = {'通訊錄', '日歷', '照相機', '時鐘', '游戲', '短信', '鈴聲', '設置', '語音', '天氣', '瀏覽器', '視頻'}; private String[] iconNames = {'', '籃球', '擊劍', '保齡球', '排球','臺球', '中國', '666', '688', '999', '888','988', '意大利', '122', '222', '112','388','321', '法國', '322', '200', '100', '210','188', '韓國', '101', '120', '142', '234', '532'}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_gv); gridView = (GridView) findViewById(R.id.gridView2);//新建List data_list = new ArrayList<Map<String, Object>>(); //獲取數據 getData(); //新建適配器 String[] from = {'image', 'text'}; int[] to = {R.id.image, R.id.text}; gridView.setAdapter(new ImageAdapter(SGridViewAcivity.this)); // sim_adapter = new SimpleAdapter(this, data_list, R.layout.item, from, to); //配置適配器// gridView.setAdapter(sim_adapter); } public List<Map<String, Object>> getData() { //cion和iconName的長度是相同的，這里任選其一都可以 for (int i = 0; i < icon.length; i++) { Map<String, Object> map = new HashMap<String, Object>(); map.put('image', icon[i]); map.put('text', iconName[i]); data_list.add(map); } return data_list; } // references to our images private Integer[] mThumbIds = { R.drawable.jz_backward_icon, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume, R.drawable.jz_add_volume }; private class ImageAdapter extends BaseAdapter { private Context mContext; public ImageAdapter(Context context) { this.mContext = context; } @Override public int getCount() { return iconNames.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder viewHolder = null; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.item, parent, false); viewHolder = new ViewHolder();// viewHolder.itemImg = (ImageView) convertView.findViewById(R.id.iv_head); viewHolder.mText = (TextView) convertView.findViewById(R.id.text); convertView.setTag(viewHolder); } else { viewHolder = (ViewHolder) convertView.getTag(); } // 這里只是模擬，實際開發可能需要加載網絡圖片，可以使用ImageLoader這樣的圖片加載框架來異步加載圖片// imageLoader.displayImage('drawable://' + mThumbIds[position], viewHolder.itemImg); viewHolder.mText.setText(iconNames[position]); return convertView; } class ViewHolder { ImageView itemImg; TextView mText; } } }

2.主函數布局：

ListView設置分割線的話設置：

android:dividerandroid:dividerHeight

a、設置GridView背景色。

b、設置水平和豎直方向間隔：android:horizontalSpacing和android:verticalSpacing。

c、設置GridView的item的背景色及其選中后的顏色。

3.適配器布局：

<?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' android:background='@drawable/gv_one_selector' > <TextView android: android:gravity='center' android:layout_width='match_parent' android:layout_height='39dp' android:textSize='13sp' android:padding='0dp' android:text='TextView' /> </LinearLayout>

4.背景選擇器gv_one_selector：

<?xml version='1.0' encoding='utf-8'?><selector xmlns:android='http://schemas.android.com/apk/res/android'>  <item android:state_selected='true' > <shape android:shape='rectangle'> <solid android:color='#CCCCCC' /> </shape> </item> <item android:state_pressed='true' > <shape android:shape='rectangle'> <solid android:color='#CCCCCC' /> </shape> </item> <item> <shape android:shape='rectangle'> <solid android:color='#FFFFFF' /> </shape> </item></selector>

參考選擇器：

<?xml version='1.0' encoding='utf-8'?><selector xmlns:android='http://schemas.android.com/apk/res/android'>  <item android:state_selected='true' > <shape android:shape='rectangle'> <solid android:color='#CCCCCC' /> <stroke android: android:color='#999999' /> </shape> </item> <item android:state_pressed='true' > <shape android:shape='rectangle'> <solid android:color='#CCCCCC' /> <stroke android: android:color='#999999' /> </shape> </item> <item> <shape android:shape='rectangle'> <stroke android: android:color='#999999' /> </shape> </item></selector>

以上是全部代碼。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。

Android

上一條：Android自定義TextBanner實現自動滾動下一條：Android實現簡易記事本

相關文章：

1. 詳解瀏覽器的緩存機制2. 解決ajax請求后臺,有時收不到返回值的問題3. IntelliJ IDEA配置Tomcat服務器的方法4. idea重置默認配置的方法步驟5. Ajax請求超時與網絡異常處理圖文詳解6. 使用 kind 和 Docker 啟動本地的 Kubernetes環境7. HTML <!DOCTYPE> 標簽8. 表單中Readonly和Disabled的區別詳解9. smarty3.0以上配置 Smarty模板引擎10. Java多線程Callable和Future接口區別

排行榜

					
					詳解瀏覽器的緩存機制
解決ajax請求后臺,有時收不到返回值的問題
IntelliJ IDEA配置Tomcat服務器的方法
idea重置默認配置的方法步驟
Ajax請求超時與網絡異常處理圖文詳解
使用 kind 和 Docker 啟動本地的 Kubernetes環境
HTML <!DOCTYPE> 標簽
表單中Readonly和Disabled的區別詳解
AJAX請求數據及實現跨域的三種方法詳解
淺談PHP設計模式之對象池模式Pool
Django緩存Cache使用詳解
				