继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

使用iconfont字体快速适配多分辨率图标

Cats萌萌
关注TA
已关注
手记 275
粉丝 50
获赞 304

在Android开发中,如果有需要显示图标的地方,一般我们会使用png或者jpeg,webp等资源,并且会根据多分辨率,切很多种类的图片。这种方式,即要求设计对Android系统分辨率熟悉,有需要大量的时间来设计切图,虽然最终的效果很棒,但是对于一般的UI展示而言,有时候我们仅需要一个单色图标而已。这里介绍一种使用ttf字体来显示图标的方案。


5b8fb4a800013a1a06400081.jpg


    上述的图标,就不需要太精细的图片资源来展示来。


    使用字体来显示图片的方案,是应用了字体里也可以设计图案的特点,现在http://iconfont.cn/站点很火,而且上面有大量的丰富字体资源可用,我们设计师也可以自己设计字体资源,最后生成ttf等多种字体格式,在Android上,我们使用ttf这种格式。


   使用起来也超级方便,只要给TextView设置字体属性就可以。


5b8fb4a9000112af06400231.jpg


    字体可以在assets里,或者是sdcard上都可以。


5b8fb4a90001663505540088.jpg


    在显示字体图标的时候,图标的色彩,大小,其实就是字体的色彩大小,就和普通设置字体属性一样。


5b8fb4a900016eab06400086.jpg


    只不过字体本身的文字显示方式略有不同


5b8fb4aa00012fc806400089.jpg


   这里最终是使用图标字体的Unicode(16进制)显示方式


5b8fb4aa00014a7105400162.jpg


    显示方式可以多元化,可以和文本,按钮等组合成各种复杂的UI。



5b8fb4aa0001a48406400089.jpg

原文链接:http://www.apkbus.com/blog-39403-72802.html

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP