Icon Font-利用TextView显示图片不能参考的填坑试验

开发工具: Android Studio 2.3.3
测试机:三星 N9008 Android 5.0


很多天之前,看到有公众号推送过文章,讲的是这一块的知识,简单看了一下,发现确实在缩减 app 体积上是有很大优势的。今天闲着没事,也就做了一下,但是发觉,还是有一些不足。

1.跟着样例撸代码

我们先来看看推送中提供的代码案例
...
好吧,它直接提供了一个 icon 网站,上面有非常直观的 Android 使用说明,并提供了下载说明和代码案例。看起来一切都非常傻瓜。
附上网址:链接(点击上方 帮助 - 代码应用 - android使用)

Icon Font-利用TextView显示图片不能参考的填坑试验_第1张图片
引导下载图.gif

提供的帮助真的非常详细,生怕你不会用。然后,我就兴高采烈地接受了这样的引导,并希望将来遇到的工具或者网页都能像这样,为每一个傻子设计。

笑着哭,我才不是

好吧,跟着说明,我们下载好了所谓的代码,然后看接下来的说明:解压下载的代码文件,打开 demo.html 后,可以看到之前下载的各个图标相对应的 HTML 实体字符码。

然而,我并没有看到 demo.html。跟说好的有点不一样。。

Icon Font-利用TextView显示图片不能参考的填坑试验_第2张图片
实际的解压目录

所以我把每个 html 文件都打开看看,发现 demo_unicode.html 里的实体字符码格式最像。

假装是一样的好了

按照样例,把 demo 写好。更改字体的 demo 贴上:

//获取字体
Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont.ttf");
//获取控件
TextView textview = (TextView)findViewById(R.id.xxx);
//设置字体
textview.setTypeface(iconfont);
//设置显示的实体字符码
textview.setText("...");

然后,打包安装。
然后,呵呵。

2.找问题

2.1 瞎找问题一

整个编译过程没有任何问题,但是在导入 ttf 文件时出现了这个提示让人有些在意:

icon font 导入提示

尝试了几种编码方式并不能解决,所以上 stackoverflow 上面搜索了一番,好像大家都是成功的,没有遇到这种问题,再看了几篇博客,最早的能追溯到 2014 年。。

该不会是我操作有问题吧

赶紧回去检查了一下代码,一共只有五行,给我琢磨了个遍,没结果。

2.2 瞎找问题二

诶,不管它了,代码就那么几行肯定不是我的问题,大概它网站生成的东西有毒吧。哈哈

笑着哭,假装很对

所以我换了一个网址: 链接
一番操作之后,依然不行。只好又回到了搜索引擎。。

2.3 瞎找问题三

猜想是方法有毒,想看看有没有其他设置字符码的方法,我在 stackoverflow 里找到了一条与众不同的答案,下面有评论说可以,那就试试。

String iconHeart = "&#x xxxx";
String valHexStr = iconHeart.replace("&#x", "").replace(";", "");
long valLong = Long.parseLong(valHexStr,16);
button.setText(getString((char)valLong+"");
// 这个代码绝对有毒,怎么可能找得到这个 string 资源。。
getString((char)valLong)

于是,我转到了另一个方法:

//replace &#x-xxxx to 0x-f066
Typeface typeface = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");
textView.setTypeface(typeface);
textView.setText(new String(new char[]{0xf006 }));

很酷,这个成功了。开心,兴奋,无与伦比。我突然想给他一个大拇哥

贡献不足提示.tip

无话可说,以后也要抽时间试试回答问题。既然不能给赞,我尝试着给个评论总可以吧!

贡献不足提示2.tip

你们对新用户一点都不友好!哼,我要去回答问题!

3 测试成果

Icon Font-利用TextView显示图片不能参考的填坑试验_第3张图片
顺便试试 viewpager

但是字体设置变大,图片貌似没有很明显的变大,反而文字比较明显( 见 isSelected )


以上。内容仅作为兴趣测试,如果有成熟的应用代码,有看官可以私信我,或者评论分享吗? 找不到,真难过。

突然想起来,HTML 实体字符码 有可能是这样的 "0xf0345;",如果是 "f" 开头,那么上面的方法也无济于事。而且,一般图片选中时会有变色的需求,这个貌似做不到,更难过了。


2017-8-13

在学习 svg 的过程中,发现上面问题的解决方法。HTML 实体字符码无法在 TextView 上直接显示涉及到 unicode 的编码问题。在设置图片时,把 "&#x" 替换为 "\u" 即可。

你可能感兴趣的:(Icon Font-利用TextView显示图片不能参考的填坑试验)