热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

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

这篇文章主要为大家详细介绍了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 表格实现系列
 * 

* 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> 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>(); //获取数据 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> getData() { //cion和iconName的长度是相同的,这里任选其一都可以 for (int i = 0; i map = new HashMap(); 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:divider
android:dividerHeight

a、设置GridView背景色。

b、设置水平和竖直方向间隔:android:horizontalSpacing和android:verticalSpacing。

c、设置GridView的item的背景色及其选中后的颜色。

3.适配器布局:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 

4.背景选择器gv_one_selector:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 
  
 
 
 
 
  
 
 
 
 
  
 
 

参考选择器: 

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 
  
  
 
 
 
 
  
  
 
 
 
 
  
 
 

以上是全部代码。

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


推荐阅读
author-avatar
mobiledu2502904157
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有