美文网首页
Android中使用HTML.fromHtml为文字设置颜色和大

Android中使用HTML.fromHtml为文字设置颜色和大

作者: SsmallLucky | 来源:发表于2018-09-10 16:57 被阅读0次

    由于项目需求需要实现一个TextView中含有不同大小不同颜色的文本,但TextView本身根本无法实现,出于写法的精简性我又不想另外多写几个TextView,所以打算采用HTML类中的fromHtml函数通过html标签解析实现。但由于Android对html标签支持不是太好,在将font标签中的size进行赋值后发现大小的设置并没有生效,随后我查看了源码,发现源码中并没有解析size属性,源码如下:

    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));
        }
    }
    

    由图中的源码得知,按照常规的html写法,以下这段代码中的size属性是不生效的。
    String text = "<font color='red' size='50px'>" + "要显示的数据" + "</font>";
    Spanned spanned = Html.fromHtml(text);

    所以,我们需要使用TagHandler进行自定义标签来实现设置字体大小的功能。
    首先自定义一个MyHtmlTagHandler,继承自HTML.TagHandler:
    public class MyHtmlTagHandler implements Html.TagHandler {

    private String tagName;
    
    private int startIndex = 0;
    
    private int endIndex = 0;
    
    final HashMap<String, String> attributes = new HashMap<>();
    
    public MyHtmlTagHandler(String tagName) {
        this.tagName = tagName;
    }
    
    @Override
    public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {
        // 判断是否是当前需要的tag
        if (tag.equalsIgnoreCase(tagName)) {
            // 解析所有属性值
            parseAttributes(xmlReader);
    
            if (opening) {
                startHandleTag(tag, output, xmlReader);
            } else {
                endEndHandleTag(tag, output, xmlReader);
            }
        }
    }
    
    public void startHandleTag(String tag, Editable output, XMLReader xmlReader) {
        startIndex = output.length();
    }
    
    public void endEndHandleTag(String tag, Editable output, XMLReader xmlReader) {
        endIndex = output.length();
    
        // 获取属性值
        String color = attributes.get("color");
        String size = attributes.get("size");
        size = size.split("px")[0];
    
        // 设置字体大小
        if (!TextUtils.isEmpty(size)) {
            output.setSpan(new AbsoluteSizeSpan(Integer.parseInt(size)), startIndex, endIndex,
                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
    
        // 设置颜色
        if (!TextUtils.isEmpty(color)) {
            output.setSpan(new ForegroundColorSpan(Color.parseColor(color)), startIndex, endIndex,
                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
    }
    
    /**
     * 解析所有属性值
     *
     * @param xmlReader
     */
    private void parseAttributes(final XMLReader xmlReader) {
        try {
            Field elementField = xmlReader.getClass().getDeclaredField("theNewElement");
            elementField.setAccessible(true);
            Object element = elementField.get(xmlReader);
            Field attsField = element.getClass().getDeclaredField("theAtts");
            attsField.setAccessible(true);
            Object atts = attsField.get(element);
            Field dataField = atts.getClass().getDeclaredField("data");
            dataField.setAccessible(true);
            String[] data = (String[]) dataField.get(atts);
            Field lengthField = atts.getClass().getDeclaredField("length");
            lengthField.setAccessible(true);
            int len = (Integer) lengthField.get(atts);
    
            for (int i = 0; i < len; i++) {
                attributes.put(data[i * 5 + 1], data[i * 5 + 4]);
            }
        } catch (Exception e) {
    
        }
    }
    

    }
    接下来的使用(我这里采取了两个字符串入参的文字风格设置):

    public static android.text.Spanned colorString(String str1,String str1FontColor,String str1FontSize,String str2,String str2FontColor,String str2FontSize) {
    
        try {
            String text = "<br/><myfont color='" + str1FontColor + "' size='" + str1FontSize + "'>" + str1 + "</myfont>"
                    + "<myfont color='" + str2FontColor + "' size='" + str2FontSize + "'>" + str2 + "</myfont>";
            Spanned spanned = Html.fromHtml(text, null, new MyHtmlTagHandler("myfont"));
    
            return spanned;
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }
    

    接着将生成的Spanned对象放入TextView的setText函数即可。
    PS:如果不在HTML标签最前面加入其他HTML元素,此函数可能不会生效,原因未知。

    相关文章

      网友评论

          本文标题:Android中使用HTML.fromHtml为文字设置颜色和大

          本文链接:https://www.haomeiwen.com/subject/feysgftx.html