Android使用iconfont

最新推荐文章于 2024-07-02 09:48:37 发布
最新推荐文章于 2024-07-02 09:48:37 发布
阅读量104 收藏
点赞数
文章标签： 移动开发
原文链接：https://juejin.im/post/59c651795188252fa92632fd
版权

iconfont是什么

简单一句话说就是将图标转换为字体，显示图标就像显示文字一样方便。

优缺点

  • 优点
    1.由于IconFont是矢量图标,所以可以轻松解决图标适配问题
    2.图标以字体文件的形式存在项目中（.ttf文件一般放在assets文件夹下）,体积小可以减小APK的体积。
    3.一套图标资源可以在不同平台使用(android ,ios,web)
    4.资源维护方便
  • 缺点
    1.需要自定义svg图片，并将其转换为ttf文件，图标制作成本比较高
    2.添加图标是需要重新制作ttf文件
    3.只能支持单色（不支持渐变色图标）

获取iconfont

实战

首先获取字体文件（获取方法参照上一步骤），并添加到assets文件夹

image.png

这里分别使用三种方式来实现

image.png

相关的XML如下图：

image.png

自定义的InconFontTextView内部设置图标字体

image.png

效果图

image.png

源码

github.com/ZhongXiaoHo…

第三方库

weixin_34384681
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android使用IconFont
u012426327的专栏
09-18 997
IconFont介绍 IconFont实际是把图片做在字体文件(.ttf)中. ttf文件中每个图片对应的一个unicode码. TextView 设置文字的时候,使用对应的unicode码就能显示出图片. 打开iconfont.ttf, 可以看到里面全是图片 Snip20161215_15.png 假如在iconfont.ttf里面. unicode码""
Android 中 使用 IconFont
FritzXu的博客
03-15 2035
在上篇 react-native-vector-icons的集成心得 中简单了介绍了什么是 IconFont 以及如何在React Native 中使用，这里再开一篇来具体说明什么是 IconFont 并且总结一下在 Android 开发中如何使用。 什么是 IconFont IconFont 其实就是将若干个 SVG 矢量图的做成了字体文件 ( .ttf ) ，供开发者使用。 ...
Android使用iconfont图标
肖旺银的博客
04-15 4059
1.从iconfont网站中选择自己的想要的图标(登录就不需要说了吧) 例如 搜索购物车图标，把想要的图标放入购物车 添加置项目 ， 没有就自己新建一个 进入到项目 把这个文件下载下来之后，解压 将这个iconfont.ttf放入AndroidStudio项目中的main下面的assets文件夹里，没有就新建一个 用法 val icon: Typeface = Typeface.createFromAsset(context.assets, "iconfont.ttf") textview.ty
android iconfont带图标的图文并茂的一种实现
最新发布
jzlhll123的专栏
07-02 334
android使用iconfont实现图文并茂
Android 中使用IconFont
Area的专栏
03-18 1480
最近发现IconFont字体可以在移动开发中使用，这里介绍在Android开发中使用icon font的代码和方法。 应用步骤： 1、第一步：复制字体文件到项目 assets 目录；（字体文件fontawesome.ttf，我们可以去搜索fontawesome下载） 2、第二步：自定义TextView；
android 使用iconfont
H291850336的专栏
09-09 533
public class IconFontTextView extends TextView { public IconFontTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); mContext = context; initView();
Android中正确使用字体图标(iconfont)的方法
09-01
在Android开发中，正确使用字体图标（iconfont）可以带来许多便利，比如简化资源管理、提高图标适应性。本文将详细介绍如何在Android项目中引入和使用iconfont。 首先，了解字体图标的优势和不足： 优点： 1. ...
Android 中使用IconFont 例子
03-18
在Android开发中，为了实现图标显示的灵活性和可定制性，开发者经常选择使用IconFont，即图标字体库。本文将详细讲解如何在Android项目中引入并使用IconFont，以提高应用的界面美观度和用户体验。 首先，IconFont是...
android 的iconfont,android中使用iconfont
weixin_39684967的博客
05-27 368
项目缺少ui，但是又需要很多icon，为了和web的界面统一，android中，我也采用里iconfont的方案。写一个iconTextView继承TextViewpackage com.edusohoapp.app.view;import android.content.Context;import android.graphics.Typeface;import android.widget....
Android iconfont 使用
qq_30878303的博客
10-20 518
android可以直接使用单个icon(svg,png)。也可以直接引入字体应用： 第一步：从iconfont平台选择要使用到的图标，并下载至本地；复制字体文件到项目 assets 目录 第二步：打开从iconfont平台下载下来的文件，并在目录中打开demo.html，找到图标相对应的 HTML 实体字符码； 第三步：打开 res/values/strings.
Android开发中使用Icon Font
viclee
11-24 8681
IconFont字体不仅仅流行语Web开发，在移动开发中也渐渐的使用的范围更广泛。这里介绍在Android开发中使用icon font的代码和方法。 应用步骤： 1、第一步：复制字体文件到项目 assets 目录； 2、第二步：打开 iconfont 目录中的 demo.html，找到图标相对应的 HTML 实体字符码； 3、第三步：打开 res/values/st
android seticon方法,Android中使用IconFont
weixin_39786534的博客
05-25 284
通道：前提工作：准备iconfont图标前提工作的基本流程如图所示：准备工作的流程图.png我们可以使用github第三方账号进行登录iconfont网站。第二步：将需要的图标添加入库将图标添加入库.png第三步：到库中进行查看，可以直接下载代码或添加至项目下载代码或添加至项目.png第四步：第三步选中添加至项目新建一个项目(review复习)，把库中的代码添加到新建的项目中。图片.png第四步：...
【Android】【UI】在安卓中使用阿里的IconFont图标库
天天向上 Up Up Up (*^▽^*)
12-14 2571
什么是IconFont IconFont是一套图标库方案，它将常用的图标保存到一个字库文件当中 字库中每个字符的字形，就是图标的外形，这样就能将图标作为一个文字字符来显示 这套方案思路有点奇特，它的主要作用，是方便对图标进行统一打包、分发，这比诸多零散图片要方便 当我们需要使用某个图标时，我们根据Unicode找到对应图标在字库文件当中的位置，然后显示出这个文字即可 具体的使用方法，百度有很多，这里我们主要是套路，怎么让安卓支持这套技术 使用方式 先看结果，实现上虽然有点麻烦，但最终提供给大家使用的API是
android 中使用IconFont详解
迷路的小孩
10-29 723
操作步骤 首先去http://www.iconfont.cn/plus/collections/index图标库选择自己要用的图标下载，下载后得到个压缩文件并解压，最后得到如下文件： 其中2个文档可以不要，将剩余的文件拷贝到项目的assets目录下： 然后打开demo.html来找到图标相对应的 HTML 实体字符码： 然后在string定义需要用到的图标字符码： <stri...
IconFont_Android的使用和获取
Laisx
12-24 2721
http://www.iconfont.cn/collections 简直是个人开发的福音，再也不为找图标各烦恼，也不用考虑图标碎片化！！ http://blog.csdn.net/a345017062/article/details/46455745 IconFont使用 1、首先登录网站，搜索你要用的Icon，把它们加入购物车（点击就可以）。 2、
Android自定义View使用Icon Font中遇到NewStringUTF的解决过程
weixin_34279579的博客
12-16 125
原文地址：http://www.codefrom.com/c/249 当我第一次接触到Icon Font时，我就喜欢上了它。用字体文件取代图片，对于个人开发者或者缺少UI的项目，无疑是雪中送炭！本文将对自己在Android开发中使用Icon Font遇到的问题及解决方法做一个记录，同时希望能够帮助可能有需要的你。 准备工作 首先给出我...
android 的iconfont,IconFont的制作及在Android的使用
weixin_32775495的博客
05-27 404
本文介绍的内容对应的Github项目地址：IconFontApp上一节提到，如果项目中很多自定义的图标，或者是各种不同来源的图标，我们可以通过对Iconify进行扩展来实现，但是在扩展之前我们需要制作自己的图标字体文件，那么图标字体文件该如何制作呢？这个可以试试Fontello、Icomoon或者IconFont吧！(制作图标字体的方法有很多，可以参考这里，本文主要介绍的是如何快速利用已有的图标制...
在Android开发中使用icon font的代码和方法
01-16 813
IconFont字体不仅仅流行语Web开发，在移动开发中也渐渐的使用的范围更广泛。这里介绍在Android开发中使用icon font的代码和方法。 应用步骤： 1、第一步：复制字体文件到项目 assets 目录； 2、第二步：打开 iconfont 目录中的 demo.html，找到图标相对应的 HTML 实体字符码； 3、第三步：打开 res/values/st
微信小程序使用iconfont
05-21
src: url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值