android自定义表单,表格控件TableRowTextView

先上图:


TableRowTextView----单元格宽度自适应[app:cell_mode="wrapContent"]

单元格宽度属性【app:cell_mode=wrapContent】 ,

文字对齐方式【app:align=center】,

是否绘制每个单元格之间的分割线【app:cell_divider=true】

是否绘制表格上,下,左,右的线条【app:row_divider=left|top|right|bottom】


TableRowTextView----单元格宽度固定[app:cell_mode="fixwidth"]

单元格宽度属性【app:cell_mode=fixWidth】 ,

文字对齐方式【app:align=center】,

是否绘制每个单元格之间的分割线【app:cell_divider=true】

是否绘制表格上,下,左,右的线条【app:row_divider=left|top|right|bottom】

当单元格宽度属性【app:cell_mode=fixWidth】时,超过宽度自动换行,超过maxLines自动截断显示...

使用场景:  

表单,或者一行文本需要显示多个字符串的时候。下图每一行 在列表【recyclerView,ListView】中就一个TableRowTextView,

达到了节省内存,代码精简,扩展性,阅读性高的目的

android自定义表单,表格控件TableRowTextView_第1张图片
使用场景
android自定义表单,表格控件TableRowTextView_第2张图片
使用场景

上代码:

使用方式:

android自定义表单,表格控件TableRowTextView_第3张图片
设置富媒体绘制集合
android自定义表单,表格控件TableRowTextView_第4张图片
渲染文字富媒体


绘制代码:

             按照单元格模式【宽度自适应/固定单元格宽度】来设定计算,重新计算固定单元格宽度mFixWidth 的值,以确保能填充控件。

android自定义表单,表格控件TableRowTextView_第5张图片
android自定义表单,表格控件TableRowTextView_第6张图片


绘制固定单元格模式下的文字分布

android自定义表单,表格控件TableRowTextView_第7张图片


绘制单元格宽度自适应模式下的文字分布

android自定义表单,表格控件TableRowTextView_第8张图片
android自定义表单,表格控件TableRowTextView_第9张图片

绘制单元格之间的分割线,绘制表格左上右下的分割线同理

结束语:

需要代码的请到下面的链接tableRowTextView

https://github.com/mrme2014/TableRowTextView

##### 关注微信公众号,每天分享优质文章![image.png](https://upload-images.jianshu.io/upload_images/2432544-a994bfdf50a2a827.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

你可能感兴趣的:(android自定义表单,表格控件TableRowTextView)