如何在android项目中试用FontAwesome



原文链接, 偶然间发现的英文博客,不过搜索一下,已经有一些中文翻译了,点击打开链接点击打开链接


不过本这学习的目的,参考上面的地址,自己也试着翻译一遍

 

FontAwesome,css中的矢量图标,图标被是为一段文本(一段Unicode字符),可以随意修改颜色大小,同时拉伸不会失真,使用了FontAwesome之后,就不用为了适配不同尺寸的手机而在不同的文件夹里放图标了,只需要一个单独的TTF文件。


不过FontAwesome的图标种类还是比较有限,但是好多基础的图标都有,而且作为一种免费的字体,感谢那些开源世界的贡献者,看一下这里


现在开始具体步骤,


首先,我们在TTF文件下载下来,然后把fonts文件夹下载的fontawesome-webfont.ttf文件放到你的assets文件中。

然后作者建议我们创建一个help类,在这个类中,用android的Typeface,这个类用于把图标渲染出来,该类使用如下,

public class FontManager {
 
    public static final String ROOT = "fonts/",
    FONTAWESOME = ROOT + "fontawesome-webfont.ttf";
     
    public static Typeface getTypeface(Context context, String font) {
        return Typeface.createFromAsset(context.getAssets(), font);
    }    
 
}


布局文件中随意放三个TextView就好


    
    
 
    
     
     
 
    
     
     
 
    
     
     
 

    
    

这三个TextView就是我们准备使用的三个图标,在onCreate()中对help类进行初始化
Typeface iconFont = FontManager.getTypeface(getApplicationContext(), FontManager.FONTAWESOME);
FontManager.markAsIconContainer(findViewById(R.id.icons_container), iconFont);

然后到这里,选择三个你喜欢的图标,在values里新建一个icon.xml,把图标的unicode复制进来

{CSDN

     
     
 
    
     
     
 
    
     
     


自己写了一个demo,加上随机颜色和大小,最终效果大概是这样









  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值