欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android Iconfont-阿里巴巴矢量图标库的简单使用

程序员文章站 2024-02-17 16:35:34
...

  现在越来越多的个人开发者或者初学者苦于没有ui图标,画出的界面不好看,在这给大家介绍Iconfont-阿里巴巴矢量图标库,里面有很多ui开发者自行设计及的各式各样的图标,比如按钮、品牌图标、表情等,可以在线使用,或者下载到本地使用。

首先进入网站


Android Iconfont-阿里巴巴矢量图标库的简单使用

 首页 可搜索自己想要的图标


现在随便点一个

Android Iconfont-阿里巴巴矢量图标库的简单使用

点击下载按钮

Android Iconfont-阿里巴巴矢量图标库的简单使用

PNG下载可以下载原图

Android Iconfont-阿里巴巴矢量图标库的简单使用

点击类似于购物车的图标 添加入库

Android Iconfont-阿里巴巴矢量图标库的简单使用

右上角购物车就存在图标了  点击它

Android Iconfont-阿里巴巴矢量图标库的简单使用

点击下载代码,下载好后等会用他

点击添加至项目Android Iconfont-阿里巴巴矢量图标库的简单使用


没有项目的可以建一个,点确定

Android Iconfont-阿里巴巴矢量图标库的简单使用

你的项目中就有这个图标啦  (窗口),这个图标下面还有一串代码,复制他一会需要用到


还记得刚才下载的代码吗,打开文件夹

Android Iconfont-阿里巴巴矢量图标库的简单使用


将刚才复制的iconfont.ttf文件复制到assets文件夹中

没有这个文件夹可以新建

Android Iconfont-阿里巴巴矢量图标库的简单使用


在strings文件中加入代码 

  <string name="icon_chuangkou">&#xe822;</string>

name就是这个图标的名称,后面的代码就是刚才在网站上复制的对应代码

在xml textview里面配置

Android Iconfont-阿里巴巴矢量图标库的简单使用

text 里面就写刚才在strings中配置的就行

然后在activity文件中写代码

Android Iconfont-阿里巴巴矢量图标库的简单使用

这样就ok啦

效果图

Android Iconfont-阿里巴巴矢量图标库的简单使用


一些简单的使用案例

Android Iconfont-阿里巴巴矢量图标库的简单使用Android Iconfont-阿里巴巴矢量图标库的简单使用  Android Iconfont-阿里巴巴矢量图标库的简单使用Android Iconfont-阿里巴巴矢量图标库的简单使用 


补充 : 改变textcolor 图片颜色就会跟着变


相关标签: Android