Android 表格控件-动态实现表格效果(内容、样式可扩展)

说明:表格是很常用的控件,Android本身提供了TableLayout供布局实现,但本文介绍另外一种思路,用动态布局的方式实现,这种方式更灵活,内容、样式能高度扩展,熟练的人可随意运用到任何视图复用的场景。所以笔者需要声明的是,本文介绍的不是一个可直接使用的表格控件,而是一种终极解决方案。至于标题这么写,主要是为了便于资源检索。

废话少说,且看表格效果图:
这里写图片描述
附,页面完整效果图:
PopupWindow弹出可选菜单,动态生成自定义样式的单选按钮

因为是在项目中抽取的,这个页面主要的技术点有:
1.使用PopupWindow弹出可选菜单。
2.动态生成自定义样式的单选按钮。
3.在TextView中设置部分文字大小不同,如图中XX(XX)。
4.动态生成表格
我们重点关注最后一个,其余的读者感兴趣可自行下载源码学习。


实现思路:
1.定义表格的title部分,这部分在xml文档里静态描述,如下图:
这里写图片描述
红色框是三个Textview,因为每个Textview里面的文字有大有小,这个要在Java代码里利用SpannableString设定。(根据项目实际需求可选择使用),这里不是重点。
2.定义可重用的视图部分,在xml文件里描述,这部分作为表格的子元素,是重点。如下:
这里写图片描述
这里的表格线条是笔者用Textview描绘的,没有用图片。
3.在Java代码里,利用LayoutInflater().inflate()填充视图,添加模拟数据,然后将每个子视图添加到父容器中,完成视图重用。(每条数据实例化一次视图)
核心代码段:

for (int i = 0; i < washingroomAreas.size(); i++) {// 动态添加状态
			final WashingRoomPojo pojo = washingroomAreas.get(i);

			LinearLayout llWashingRoomItem = new LinearLayout(this);
			llWashingRoomItem.setLayoutParams(new RelativeLayout.LayoutParams(
					LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
			llWashingRoomItem = (LinearLayout) getLayoutInflater().inflate(
					R.layout.wr_area_item, null);
			TextView tvAreaName = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_areaname);
			TextView tvManMt = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_mt_man);
			TextView tvManDc = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_dc_man);
			TextView tvManXBC = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_xbc_man);
			TextView tvWomanMt = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_mt_woman);
			TextView tvWomanDc = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_dc_woman);
			TextView tvWomanXBC = (TextView) llWashingRoomItem
					.findViewById(R.id.tv_wr_xbc_woman);

			tvAreaName.setText(pojo.wrAreaName);
			tvManMt.setText("" + pojo.wrManMTNum);
			tvManDc.setText("" + pojo.wrManDCNum);
			tvManXBC.setText("" + pojo.wrManXBCNum);
			tvWomanMt.setText("" + pojo.wrWomanMTNum);
			tvWomanDc.setText("" + pojo.wrWomanDCNum);
			tvWomanXBC.setText("" + pojo.wrWomanXBCNum);
			llAreas.addView(llWashingRoomItem);

当然,笔者只重用了这一个视图,如果需要定义更加复杂的具有多个不同子元素的表格,可灵活变形,万变不离其宗!

最后附上源码:
http://download.csdn.net/detail/daijin888888/9322901
GitHub(给个星杯~):
https://github.com/VingeDai/VariousTable
转载请注明出处:
http://blog.csdn.net/daijin888888/article/details/50159579

  • 8
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 32
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 32
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值