#TextView显示多行html并且对齐

先来看问题:如下图,是用拼接html 的方式用一个textView 显示,新需求是让他们每列对齐

原始界面

这个是这样实现的 holder.tvItemTrainPriceList.setText(Html.fromHtml(builder.toString()));

修改后页面

1. 第一个解决方案-修改标签样式-table

怎奈何Android TextView 不支持 Table 标签

尝试自定义解析器也失败了

2. 第二个解决方案-用webview

1.准备用webview.loadData(tmp,"text/html","utf-8"); 结果出现中文乱码,

2.用这个解决webview.loadData(tmp, "text/html; charset&＃61;UTF-8", null);

3.结果出现字体大小问题,和webview 的父布局属性: warp_content 冲突,以及无法自动撑开布局等问题,只能弃用

3. 第三个解决方案-换成gridView

1.准备在adapter 里面嵌套gridView 想想太蛋疼,直接放弃

4. 第四个解决方案-添加空格

1.峰回路转,第四个方案终于完美实现一开始不管怎么调整都对齐不了,经过多次尝试发现 Android中空格字符有这么几种:

&＃32; &＃61;&＃61; 普通的英文半角空格

&＃160; &＃61;&＃61;   &＃61;&＃61; &＃xA0; &＃61;&＃61; no-break space &＃xff08;普通的英文半角空格但不换行&＃xff09;

&＃12288; &＃61;&＃61; 中文全角空格 &＃xff08;一个中文宽度&＃xff09;

&＃8194; &＃61;&＃61;   &＃61;&＃61; en空格 &＃xff08;半个中文宽度&＃xff09;

&＃8195; &＃61;&＃61;   &＃61;&＃61; em空格 &＃xff08;一个中文宽度&＃xff09;

&＃8197; &＃61;&＃61; 四分之一em空格 &＃xff08;四分之一中文宽度&＃xff09;

对应的html 空格如下:

  &＃160; 不断行的空白&＃xff08;1个字符宽度&＃xff09;

  &＃8194; 半个空白&＃xff08;1个字符宽度&＃xff09;

  &＃8195; 一个空白&＃xff08;2个字符宽度&＃xff09;

  &＃8201; 窄空白&＃xff08;小于1个字符宽度&＃xff09;

3.结论:

1. 一个汉字用: 四个   占位
2. 如果是数字: 一个阿拉伯数字, 用三个 thinsp; 占位

String htmlString &＃61; "商务座
¥1024.5   
(余1张)


硬座    
¥102.5      
(余10张)


商务座
¥10200.5
(余100张)


二等座
¥119.5      
(无票)";holder.tvItemTrainPriceList.setText(Html.fromHtml(builder.toString()));

结果是这样的,成功搞定