記得之前用TextView設(shè)置Html文本時(shí)發(fā)現(xiàn)字體的大小改變不了,后來用了SpannableString解決了就不用Html了妄痪,也沒查是什么原因。
這兩天又用上了Html在TextView上設(shè)置富文本,如下:
String html= "<html><body style='font-size:15px;color:#57AFFC'><p>18888元大禮包免費(fèi)送給你<br />等等,還沒完欣簇,還有<br /><font size='20px'>100元</font>返現(xiàn),用不用隨你</p></body></html>";
textview.setText(Html.fromHtml(html));
我想把100元字體變大安吁,但是并不生效醉蚁。發(fā)現(xiàn)<font>標(biāo)簽不好使我就研究了一下,原來Android中提供的Html類中對標(biāo)簽的支持比較簡單鬼店,而且<font>標(biāo)簽只支持color和face兩個(gè)屬性网棍,源碼如下:
public class Html {
/**
*******************************************省略
*/
//解析開始標(biāo)簽
public void startElement(String uri, String localName, String qName, Attributes attributes) throws SAXException {
handleStartTag(localName, attributes);
}
//解析結(jié)束標(biāo)簽
public void endElement(String uri, String localName, String qName) throws SAXException {
handleEndTag(localName);
}
private void handleStartTag(String tag, Attributes attributes) {
if (tag.equalsIgnoreCase("br")) {
//省略其他標(biāo)簽,大概支持24種
}else if (tag.equalsIgnoreCase("font")) {
startFont(mSpannableStringBuilder, attributes);
}
}
private void handleEndTag(String tag) {
if (tag.equalsIgnoreCase("br")) {
handleBr(mSpannableStringBuilder);
}else if (tag.equalsIgnoreCase("font")) {
endFont(mSpannableStringBuilder);
}else if(){
//省略
}
}
private void startFont(Editable text, Attributes attributes) {
String color = attributes.getValue("", "color");
String face = attributes.getValue("", "face");
if (!TextUtils.isEmpty(color)) {
int c = getHtmlColor(color);
if (c != -1) {
start(text, new Foreground(c | 0xFF000000));
}
}
if (!TextUtils.isEmpty(face)) {
start(text, new Font(face));
}
}
private static void endFont(Editable text) {
Font font = getLast(text, Font.class);
if (font != null) {
setSpanFromMark(text, font, new TypefaceSpan(font.mFace));
}
Foreground foreground = getLast(text, Foreground.class);
if (foreground != null) {
setSpanFromMark(text, foreground,
new ForegroundColorSpan(foreground.mForegroundColor));
}
}
private static class Font {
public String mFace;
public Font(String face) { mFace = face; }
}
/**
*******************************************省略
*/
}
把Html類拷貝出來妇智,給它加一個(gè)size的屬性行不行呢滥玷?我試過了氏身,不好使又麻煩。
后來我參考其他文章惑畴,發(fā)現(xiàn)最簡單的方法還是使用Html的自定義標(biāo)簽蛋欣。即Html.fromHtml(String source, ImageGetter imageGetter, TagHandler tagHandler);方法。
自定義一個(gè)<size>標(biāo)簽如贷,可以自己隨便起陷虎,代碼如下:
import android.text.Editable;
import android.text.Html;
import android.text.Spanned;
import android.text.style.AbsoluteSizeSpan;
import org.xml.sax.XMLReader;
public class SizeLabel implements Html.TagHandler {
private int size;
private int startIndex = 0;
private int stopIndex = 0;
public SizeLabel(int size) {
this.size = size;
}
@Override
public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {
if(tag.toLowerCase().equals("size")) {
if(opening){
startIndex = output.length();
}else{
stopIndex = output.length();
output.setSpan(new AbsoluteSizeSpan(dip2px(size)), startIndex, stopIndex, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
}
public static int dip2px(float dpValue) {
final float scale = getContext().getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
}
然后我把html文本改了一下,加上了<size>標(biāo)簽杠袱,然后效果就出來了尚猿。
String html= "<html><body style='font-size:15px;color:#57AFFC'><p>18888元大禮包免費(fèi)送給你<br />等等,還沒完楣富,還有<br /><font size='20px'><size>100元</size></font>返現(xiàn)凿掂,用不用隨你</p></body></html>";
textview.setText(Html.fromHtml(html,null,new SizeLabel(30)));
由于這段文字是請求接口返回的,所以我不能確定要變大字體的位置纹蝴,要不參考SpannableString很容易就解決了庄萎,我便讓后臺(tái)小哥幫我加了這么個(gè)標(biāo)簽,對IOS不影響(不要自定義系統(tǒng)支持的標(biāo)簽避免沖突)塘安。
OK糠涛,搞定了這么個(gè)煩人的小問題。
啦啦啦
啦啦啦
你以為結(jié)束了耙旦?還沒呢╮(╯▽╰)╭
TextView設(shè)置Gravity為center后對Html文本不生效脱羡,只能左右居中,不能上下居中免都,WebView也是如此。小問題可真多啊帆竹,沒辦法绕娘,只能按照效果圖來了,給TextView設(shè)置了padding栽连,看起來才像回事险领。這個(gè)問題等有空再來研究分析一下,謝謝觀看秒紧。
參考連接
http://blog.csdn.net/chaoyue0071/article/details/47614971?locationNum=3&fps=1
http://blog.csdn.net/u010418593/article/details/9322197