我要评论使用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>
以上是全部代码。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论