android 用GridVew实现表格功能Sample

最新推荐文章于 2021-05-27 22:23:18 发布
最新推荐文章于 2021-05-27 22:23:18 发布
阅读量4.2k 收藏 2
点赞数
分类专栏： android 文章标签： android 表格 GridView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxzysk/article/details/9325167
版权

前言

GridView是本身就是个表格，我们见的哇比较多的是用它来显示列表图片，本Demo告诉你如何用GridView制作一个显示文本的表格，相当于MFC的CLIstCtrl控件功能。但是GridbView制作的表格一般都是等宽列的，要实现非等宽列的表格就得用ListView实现。

注：本文demo源码下载地址：http://download.csdn.net/detail/dxzysk/5752389

一、效果图

Demo制作的表格如下图所示：

界面不是很漂亮，大家按照需要修改一下

二、部分代码

package nishik.ncc.gridviewtest;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

//import org.crazyit.gridview.GridViewTest;
//import org.crazyit.gridview.R;

import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.TextView;

public class GridviewTableActivity extends Activity {

	private static final int[] subAxisAxisNo = {
		2201
		,2202
		,2203
		,2204
		,2205
		,2206
		,2207
		,2208
		,2209
		,2210
		,2211
		,2212
		,2213
		,2214
		,2215
		,2216
		,2217
		,2218
		,2219
		,2220
		,2221
		,2222
		,2223
		,2224
		,2225
		,2226
		,2227
		,2228
		,2229
		,2230
		,2231
		,2232
		,2233
		,2234
		,2235
		,2236
		,2237
		,2238
		,2239
		,2240
		,2241
		,2242
		,2243
		,2244
		,2245
		,2246
		,2247
		,2248
		,2249
		,2250
		,2251
		,2252
		,2253
		,2254
		,2255
		,2256
		,2257
		,2258
		,2259
		,2260
		,2261
		,2262
		,2263
		,2264
		,2265
		,2273
		,2274
		,2275
		,2276
		,2281
		,2282
		,2283
		,2284
		,2285
		,2286
		,2287
		,2288
		,2289
		,2290
		,2291
		,2292
		,2293
		,2294
		,2295
		,2296
		,2297
		,2298
		,2299
		,2300
		,2301
		,2302
		,2303
		,2304
		,2305
		,2306
		,2307
		,2308
		,2309
		,2310
		,2311
		,2312
		,2313
		,2314
		,2315
		,2316
		,2317
		,2318
		,2319
		,2320
		,2321
		,2322
		,2323
		,2324
		,2325
		,2326
		,2327
		,2328
		,2329
		,2330
		,2331
		,2332
		,2333
		,2334
		,2335
		,2336
		,2337
		,2338
		,2339
		,2340
		,2341
		,2342
		,2343
		,2344
		,2345
		,2346
		,2347
		,2348
		,2349
		,2350
		,2351
		,2352
		,2353
		,2354
		,2355
		,2356
		,2357
		,2358
		,2359
		,2360
		,2361
		,2362
		,2363
		,2364
		,2365
		,2366
		,2367
		,2368
		,2369
		,2370
		,2371
		,2372
		,2373
		,2374
		,2375
		,2376
		,2377
		,2378
		,2379
		,2380
		,2381
		,2382
		,2383
		,2384
		,2385
		,2386
		,2387
		,2388
		,2389
		,2390
		,2391
		,2392
		,2393
		,2394
		,2395
		,2396
		,2397
		,2398
		,2399
		,2400
		,2401
		,2402
		,2403
		,2404
		,2405
		,2406
		,2407
		,2408
		,2409
		,2410
		,2411
		,2412
		,2413
		,2414
		,2415
		,2416
		,2417
		,2418
		,2419
		,2420
		,2421
		,2422
		,2423
		,2424
		,2425
		,2426
		,2427
		,2428
		,2429
		,2430
		,2431
		,2432
		,2433
		,2434
		,2435
		,2436
		,2437
		,2438
		,2439
		,2440
		,2441
		,2442
		,2443
		,2444
		,2445
		,2446
		,2447
		,2448
		,2449
		,2450
		,2451
		,2452
		,2453
		,2454
		,2455
		,2456
		
	};

	private static final String[] subAxisAxisName = {
		"SV001(PC1)"
		,"SV002(PC2)"
		,"SV003(PGN)"
		,"SV004(PGN2)"
		,"SV005(VGN1)"
		,"SV006(VGN2)"
		,"SV007(VIL)"
		,"SV008(VIA)"
		,"SV009(IQA)"
		,"SV010(IDA)"
		,"SV011(IQG)"
		,"SV012(IDG)"
		,"SV013(ILMT)"
		,"SV014(ILMTsp)"
		,"SV015(FFC)"
		,"SV016(LMC1)"
		,"SV017(SPEC1)"
		,"SV018(PIT)"
		,"SV019(RNG1)"
		,"SV020(RNG2)"
		,"SV021(OLT)"
		,"SV022(OLL)"
		,"SV023(OD1)"
		,"SV024(INP)"
		,"SV025(MTYP)"
		,"SV026(OD2)"
		,"SV027(SSF1)"
		,"SV028(MSFT)"
		,"SV029(VCS)"
		,"SV030(IVC/Icx)"
		,"SV031(OVS1)"
		,"SV032(TOF)"
		,"SV033(SSF2)"
		,"SV034(SSF3)"
		,"SV035(SSF4)"
		,"SV036(PTYP)"
		,"SV037(JL)"
		,"SV038(FHz1)"
		,"SV039(LMCD)"
		,"SV040(LMCT/Icy)"
		,"SV041(LMC2)"
		,"SV042(OVS2)"
		,"SV043(OBS1)"
		,"SV044(OBS2)"
		,"SV045(TRUB/Ib1)"
		,"SV046(FHz2)"
		,"SV047(EC1)"
		,"SV048(EMGrt)"
		,"SV049(PGN1sp)"
		,"SV050(PGN2sp)"
		,"SV051(DFBT)"
		,"SV052(DFBN)"
		,"SV053(OD3)"
		,"SV054(ORE)"
		,"SV055(EMGx)"
		,"SV056(EMGt)"
		,"SV057(SHGC)"
		,"SV058(SHGCsp)"
		,"SV059(TCNV)"
		,"SV060(TLMT)"
		,"SV061(DA1NO)"
		,"SV062(DA2NO)"
		,"SV063(DA1MPY)"
		,"SV064(DA2MPY)"
		,"SV065(TLC)"
		,"SV073"
		,"SV074"
		,"SV075"
		,"SV076"
		,"SV081(SPEC2)"
		,"SV082(SSF5)"
		,"SV083(SSF6)"
		,"SV084(SSF7)"
		,"SV085(LMCk)"
		,"SV086(LMCc)"
		,"SV087(FHz4)"
		,"SV088(FHz5)"
		,"SV089(TQMAX Kq)"
		,"SV090(TQMAX Kd)"
		,"SV091(LMC4G)"
		,"SV092(LMC4D)"
		,"SV093(LMC4T)"
		,"SV094"
		,"SV095"
		,"SV096"
		,"SV097"
		,"SV098"
		,"SV099"
		,"SV100"
		,"SV101(TMA1)"
		,"SV102(TMA2)"
		,"SV103(TRES)"
		,"SV104(FFR0)"
		,"SV105(FFR1)"
		,"SV106(PGM)"
		,"SV107(FR)"
		,"SV108(FA)"
		,"SV109(ZR)"
		,"SV110(ZA)"
		,"SV111(TDM)"
		,"SV112(IIF)"
		,"SV113(SSF8)"
		,"SV114(SSF9)"
		,"SV115(SSF10)"
		,"SV116(SSF11)"
		,"SV117(RNG1ex)"
		,"SV118"
		,"SV119(FSP4)"
		,"SV120(FSP5)"
		,"SV121(MP Kpp)"
		,"SV122(MP Kvp)"
		,"SV123(MP Kvi)"
		,"SV124"
		,"SV125"
		,"SV126"
		,"SV127"
		,"SV128"
		,"SV129(Kwf)"
		,"SV130(RPITS)"
		,"SV131(DPITS)"
		,"SV132"
		,"SV133"
		,"SV134"
		,"SV135"
		,"SV136"
		,"SV137"
		,"SV138"
		,"SV139"
		,"SV140"
		,"SV141"
		,"SV142"
		,"SV143"
		,"SV144"
		,"SV145"
		,"SV146"
		,"SV147"
		,"SV148"
		,"SV149"
		,"SV150"
		,"SV151"
		,"SV152"
		,"SV153"
		,"SV154"
		,"SV155"
		,"SV156"
		,"SV157"
		,"SV158"
		,"SV159"
		,"SV160"
		,"SV161"
		,"SV162"
		,"SV163"
		,"SV164"
		,"SV165"
		,"SV166"
		,"SV167"
		,"SV168"
		,"SV169"
		,"SV170"
		,"SV171"
		,"SV172"
		,"SV173"
		,"SV174"
		,"SV175"
		,"SV176"
		,"SV177"
		,"SV178"
		,"SV179"
		,"SV180"
		,"SV181"
		,"SV182"
		,"SV183"
		,"SV184"
		,"SV185"
		,"SV186"
		,"SV187"
		,"SV188"
		,"SV189"
		,"SV190"
		,"SV191"
		,"SV192"
		,"SV193"
		,"SV194"
		,"SV195"
		,"SV196"
		,"SV197"
		,"SV198"
		,"SV199"
		,"SV200"
		,"SV201"
		,"SV202"
		,"SV203"
		,"SV204"
		,"SV205"
		,"SV206"
		,"SV207"
		,"SV208"
		,"SV209"
		,"SV210"
		,"SV211"
		,"SV212"
		,"SV213"
		,"SV214"
		,"SV215"
		,"SV216"
		,"SV217"
		,"SV218"
		,"SV219"
		,"SV220"
		,"SV221"
		,"SV222"
		,"SV223"
		,"SV224"
		,"SV225"
		,"SV226"
		,"SV227"
		,"SV228"
		,"SV229"
		,"SV230"
		,"SV231"
		,"SV232"
		,"SV233"
		,"SV234"
		,"SV235"
		,"SV236"
		,"SV237"
		,"SV238(SSCFEED)"
		,"SV239(SSCRPM)"
		,"SV240"
		,"SV241"
		,"SV242"
		,"SV243"
		,"SV244"
		,"SV245"
		,"SV246"
		,"SV247"
		,"SV248"
		,"SV249"
		,"SV250"
		,"SV251"
		,"SV252"
		,"SV253"
		,"SV254"
		,"SV255"
		,"SV256"

	};
	private GridView m_paragrid;
	//private GridView m_paranogrid;
	private int colNum;

	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		m_paragrid = (GridView)findViewById(R.id.paragrid);
		//m_paranogrid  = (GridView)findViewById(R.id.paranogrid);
		colNum = 6;
		m_paragrid.setNumColumns(6);
		//m_paranogrid.setNumColumns(4);
		
		//创建一个List对象，List对象的元素是Map
		List<Map<String, Object>> listItems 
			= new ArrayList<Map<String, Object>>();
		setListItems(listItems,colNum - 2);
		//创建一个SimpleAdapter
		SimpleAdapter simpleAdapter = new GridAdapter(this
			, listItems 
			//使用/layout/cell.xml文件作为界面布局
			, R.layout.cell
			, new String[]{"cell"}
			, new int[]{R.id.CellView});
		//为GridView设置Adapter
		m_paragrid.setAdapter(simpleAdapter);
		

		//添加列表项被选中的监听器
		m_paragrid.setOnItemSelectedListener(new OnItemSelectedListener()
		{
			public void onItemSelected(AdapterView<?> parent, View view, 
				int position , long id)
			{
				//显示当前被选中的图片
				//switcher.setImageResource(imageIds[position % imageIds.length]);
			}
			public void onNothingSelected(AdapterView<?> parent){}			
		});
		//添加列表项被单击的监听器
		m_paragrid.setOnItemClickListener(new OnItemClickListener()
		{
			public void onItemClick(AdapterView<?> parent
				, View view, int position, long id)
			{
				//initCellBackground();
				//显示被单击的图片的图片
				//switcher.setImageResource(imageIds[position % imageIds.length]);
			}
		});
	}

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
    
	public void setListItems(List<Map<String, Object>> listItems ,int count)
	{
		for (int i = 0; i < 25/*subAxisAxisNo.length*/; i++)
		{
			Map<String, Object> listItemno = new HashMap<String, Object>();
			listItemno.put("cell" , subAxisAxisNo[i]);
			listItems.add(listItemno);
			

			Map<String, Object> listItemname = new HashMap<String, Object>();
			listItemname.put("cell" , subAxisAxisName[i]);
			listItems.add(listItemname);
			
			for (int j = 0; j < count; j++)
			{
				Map<String, Object> listItemvalue = new HashMap<String, Object>();
				listItemvalue.put("cell" , 0);
				listItems.add(listItemvalue);
			}
		}
	}
	
	public void initCellBackground(){

		int iCount = m_paragrid.getChildCount();
		
		for (int iIndex = 0; iIndex < iCount; iCount++){
			if ((iIndex % colNum == 0) || (iIndex % colNum == 1)){
				View lv = m_paragrid.getChildAt(iIndex);
				if (lv instanceof  ViewGroup){
		                View v =((ViewGroup)lv).getChildAt(0);  
		                if (v instanceof TextView) { 
		                	v.setBackgroundColor(Color.RED);
		                }  
		            }  
				}
		}
	}
	
	
	class GridAdapter extends SimpleAdapter {
		Context m_context;
		public GridAdapter(Context context, List<? extends Map<String, ?>> data,
				int resource, String[] from, int[] to) {
			super(context, data, resource, from, to);
			// TODO Auto-generated constructor stub
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			View lView = super.getView(position, convertView, parent);

			lView.setBackgroundColor(Color.RED);

			if ((position % colNum == 0) || (position % colNum == 1)){
				lView.setBackgroundColor(Color.rgb(200,255,255));
			}else{
				lView.setBackgroundColor(Color.WHITE);
			}
			return lView;
		}
	
	}
}

dxzysk
关注
专栏目录
android学习——GridView实现主界面布局
sd_zhuzhipeng的专栏
03-12 4455
GridView（网格视图），用于在界面上按行、列分布的方式显示多个组件。GridView和ListView有相同的父类，因此他们具有相似的特性。他们的主要区别在于：ListView是在一个方向上分布；而GridView 是在两个方向上分布。       GridView提供的常用XML属性如下： XML属性 说明 android:columnWidth
android直播功能实现,Android视频直播功能实现流程
weixin_42099814的博客
05-25 2735
视频直播场景的主要结构及流程如下图所示：请注意：除了上述基本功能，开发者如果想使用 ZegoLiveRoom SDK 实现更高级的功能，例如混音、音频录制、外部滤镜等，请直接参考 互动视频-高级功能指南，本文不再赘述。为了便于开发者更快理解 LiveDemo5 中的逻辑，下述每节会将功能核心源码片段挑出来并加以讲解。开发者亦可直接阅读 LiveDemo5 源码，两者是一致的。1 单主播直播单主播直...
Gridview制作表格
qq_24954199的博客
09-10 1330
最简单的方法 1.在GridView里设置一些属性 android:background="#000000"             背景色黑色 android:horizontalSpacing="1sp"           水平间距1sp  android:verticalSpacing="1sp"               垂直间距1sp android:paddi
android 用GridVew实现表格功能Demo
07-14
GridView是本身就是个表格，我们见的哇比较多的是用它来显示列表图片，本Demo告诉你如何用GridView制作一个显示文本的表格，相当于MFC的CLIstCtrl控件功能。但是GridbView制作的表格一般都是等宽列的，要实现非等宽列的表格就得用ListView实现。
Android提高第九篇之SQLite分页表格
t225com
11-18 142
本文来自http://blog.csdn.net/hellogv/ ，引用必须注明出处！ 上次讲的Android上的SQLite分页读取，只用文本框显示数据而已，这次就讲得更加深入些，实现并封装一个SQL分页表格控件，不仅支持分页还是以表格的形式展示数据。先来看看本文程序运行的动画： 这个SQL分页表格控件主要分为“表格区”和“分页栏”这两部分，这两部分都是基于GridView实现的。...
Android入门之GridView（表格控件）
weixin_34050427的博客
06-04 171
GridView是一个表格控件，可以在每个单元格中显示自定义的View或者字符串。在这里我们要实现一个图标下方有文字的效果。 1、首先我们应自定义布局文件image_text.xml。代码如下： 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schem...
安卓 九宫格 GridView 的表格布局
elvenelder的博客
05-17 770
首先，请大家理解一下“迭代显示”这个概念，这个好比布局嵌套，我们在一个大布局里面重复的放入一些布局相同的小布局，那些重复的部分是由图片和文字组成的小控件，图片在上方，文字在下方，之后我们只需要把这些小控件迭代进入主容器里即可。 我们来看看主容器的布局（GridView） main.xml <?xml version="1.0" encoding="utf-8"?> <Grid...
android中gridview实现动态表格,Android GridView实现桌面效果
weixin_39553805的博客
05-26 377
一.在XML文件中设定GridViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/GL"android:horizontalSpacing="10dp"android:verticalSpacing="10dp"android:numColumns="3" />...
Android使用Photoview实现图片左右滑动及缩放功能
01-05
我想，不管是做什么样的app。...第二步，我们就来实现这个功能。多张图片左右滑动，这需要用到ViewPager这个类。 且看布局： <uk.co.senab.photoview.sample.HackyViewPager xmlns:android=htt
Android-FTDI-UART-Sample-master1.zip_Android串口usb_android_usb_串口
07-15
这个名为"Android-FTDI-UART-Sample-master1.zip"的压缩包提供了一个示例项目，帮助开发者了解如何在Android设备上实现USB到UART（通用异步接收发送器）的转换，从而通过USB接口使用串口功能。下面将详细介绍这一...
Android 表格控件-动态实现表格效果（内容、样式可扩展）
12-03
Android 表格控件-动态实现表格效果（内容、样式可扩展），参考博客：http://blog.csdn.net/daijin888888/article/details/50159579
GridView报表总结
12-25
GridView报表总结
Android中使用ListView实现漂亮的表格效果
09-04
主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
列表中实现单元格的单选
08-14
这个工程是实现了表格中元素的单选。Radiogroup只能横排或者竖排，但是在这个工程中实现了自动换行，可以实现元素的多行单选
GridView _Demo
07-22
提供三套精美icon，及GridView的详细Demo解析。 欢迎转载，关注博客： blog.csdn.net/shenji1993
Android_Paint_Sample:Paint Sample 已在 Android API 中实现 - canvas！
06-06
这个“Android_Paint_Sample”项目是专门为开发者展示如何使用Canvas和Paint类在Android应用程序中进行高级绘图的一个实例。下面我们将深入探讨Android中的Paint和Canvas类，以及它们在Java编程中的应用。 首先，`...
navbar-android-sample:android studio下的Android原生实现
07-04
本项目“navbar-android-sample”是专为Android Studio设计的一个示例，旨在帮助开发者理解如何在原生Android环境中实现自定义的导航栏。通过这个项目，我们可以学习到以下几个关键知识点： 1. **Android Studio...
android gridview 表格,Android实用笔记——使用GridView以表格的形式显示多张图片
weixin_28884811的博客
05-27 360
1、编辑activity_main.xml文件android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" >android:layout_marginTop="10dp"android:id="@+id/gridView"android:layout...
android动态显示表格数据,android中水平显示表格数据
weixin_36207483的博客
05-25 1129
今天工作任务提前完成了，就抽空更新一下博客，这篇博客以前我在其他论坛上发表过，今天有空就把它拉过来；制作表格一般来讲都是一条一条数据垂直显示，今天我们就将表格数据水平分布显示；下面请看效果图： 一、两种实现方法1.通过list数据源在textview中进行横向赋值操作。大家先看看布局文件:android:id="@+id/relativeLayout1"android:layout_width="...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值