Android使用GridView实现表格分割线效果

使用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 表格实现系列
 * <p>
 * https://github.com/li504799868/gridlayoutview
 * https://github.com/eason90/gridbuilder
 * <p>
 * https://github.com/wimsonevel/androidgridlayout
 * <p>
 * https://blog.csdn.net/swust_chenpeng/article/details/37873215
 * tablelayout 实现类似gridview的效果 带分割线
 * <p>
 * <p>
 * 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.主函数布局：

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/colorprimary"
 android:orientation="vertical">
 <gridview
 android:id="@+id/gridview2"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_margintop="30dp"
 android:background="#999"
 android:horizontalspacing="1dp"
 android:verticalspacing="1dp"
 android:padding="1dp"
 android:numcolumns="6" />
</linearlayout>

listview设置分割线的话设置：

android:divider
android: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:id="@+id/text"
 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:width="1.0px" android:color="#999999" />
 </shape>
 </item>
 <item
 android:state_pressed="true" >
 <shape android:shape="rectangle">
  <solid
  android:color="#cccccc"
  />
  <stroke android:width="1.0px" android:color="#999999" />
 </shape>
 </item>
 <item>
 <shape android:shape="rectangle">
  <stroke android:width="1.0px" android:color="#999999" />
 </shape>
 </item>
</selector>

以上是全部代码。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。