欢迎光临精准像素,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

经验分享

Iconfont图标库Android/IOS使用方法

经验分享 精准像素 2020-11-08 共169人阅读

阿里巴巴图标超详细使用方法可以看下面这篇教程,本篇精准像素主要分享阿里巴巴图标在Android和IOS上的使用方法。

相关信息
Iconfont阿里巴巴图标使用方法

直接上阿里巴巴图标使用教程,废话不啰嗦,Iconfont网站介绍看下面这篇介绍。[xxid]47,136[/xxid]第一步:打开官网阿里巴巴图标官网:https://www.iconfont.cn/第二步:登...

Android使用方法

1、下载iconfont字体图标

2、复制字体文件到项目 assets 目录

3、打开 iconfont 目录中的 demo.html,找到图标相对应的 HTML 实体字符码

4、打开 res/values/strings.xml,添加 string 值

<string name="icons">&#x3605; &#x35ad; &#x35ae; &#x35af;</string>

5、打开 activity_main.xml,添加 string 值到 TextView

<TextView
    android:id="@+id/like"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/icons"
/>

为 TextView 指定文字

import android.graphics.Typeface;

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont/iconfont.ttf");
    TextView textview = (TextView)findViewById(R.id.like);
    textview.setTypeface(iconfont);
}

iOS使用方法

1、下载iconfont字体图标

2、将字体文件(.tff)添加到工程中

3、打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:iconfont.ttf

UILabel * label = [[UILabel alloc] initWithFrame:self.view.bounds];
UIFont *iconfont = [UIFont fontWithName:@"uxIconFont" size: 34];
label.font = iconfont;
label.text = @"U00003439 U000035ad U000035ae U000035af U000035eb U000035ec";
[self.view addSubview: label];

注意:

创建 UIFont 使用的是字体名,而不是文件名

可以打开 demo.html 查找每个图标所对应的 HTML 实体 Unicode 码

相关推荐
  • html教程
  • 阿里巴巴图标
  • HTML5视频自动循环播放方法

    如果需要在网页中添加视频,可以参考下面的代码,支持MP4视频自动循环播放。纯HTML5视频自动循环播放<!DOCTYPE HTML><html><body><video controls="controls" loop="loop" autoplay="autoplay" style="width:100%;vertical-align:middle;"><source s...

    经验分享 1061 1年前
  • html入门教程之a标签的使用方法

    一:什么是a标签?a标签的作用:就是页面之间的跳转路由,通网问路的通道。a标签的格式:<a href="链接">展示内容</a><a href="http://www.11px.cn/">精准像素</a>二:a标签的属性a标签中有一个target属性,这个属性的作用就是专门用于控制如何跳转的_blank于在新...

    经验分享 79 1年前
  • HTML使用clip-path制作地图
    HTML使用clip-path制作地图

    clip-path制作的地图是指地理上的地图,不是指网站地图!大天朝的地图想必每个中国人都知道,也经常见到。站长应该见得特别多了,特别是在检查网站速度的时候,检查平台会以一张地图的形式展示出来,那么这...

    经验分享 75 1年前
  • HTML实现title标签换行显示方法

    HTML实现title标签换行显示方法,在换行的地方添加&#10;或&#13;实现换行。<tr title="指标名称:${target.intename}&#10;指标说明:${target.remark}&#13;指标名称:${target.intename}">这样就可以了,超级简单,大家可以试试。...

    经验分享 50 1年前
  • HTML5视频播放video标签使用方法

    如何使用视频video标签在网页里嵌入HTML5音频播放器和视频播放器的方法非常简单:<video src="http://www.11px.cn/theora_testsuite/320x240.ogg" controls autoplay loop>Your browser does not support the <code>video</code> element.</video>上...

    经验分享 168 1年前
  • Iconfont阿里巴巴图标使用方法
    Iconfont阿里巴巴图标使用方法

    直接上阿里巴巴图标使用教程,废话不啰嗦,Iconfont网站介绍看下面这篇介绍。[xxid]47,136[/xxid]第一步:打开官网阿里巴巴图标官网:https://www.iconfont.cn/第二步:登录登录方式支持微博、gethub、阿...

    经验分享 210 1年前
  • Iconfont图标库Android/IOS使用方法

    阿里巴巴图标超详细使用方法可以看下面这篇教程,本篇精准像素主要分享阿里巴巴图标在Android和IOS上的使用方法。[xxid]30,1818[/xxid]Android使用方法1、下载iconfont字体图标2、复制字体文件到项目 assets 目录3、打开 iconfont 目录中的 demo.html...

    经验分享 169 1年前
  • IE不显示加载iconfont阿里巴巴图标的解决方法
    IE不显示加载iconfont阿里巴巴图标的解决方法

    iconfont图标是阿里出品的一款字体图标工具,不得不说非常好用,速度快,图标资源多,是国内程序员不可缺少的工具之一。官网:https://www.iconfont.cn/iconfont图标截图iconfont加载方法第一步:拷贝项目下...

    css教程 245 1年前
  • 阿里巴巴IconFont矢量字体图标库在线工具
    阿里巴巴IconFont矢量字体图标库在线工具

    搞前端开发、UI设计的应该都知道这款阿里巴巴IconFont矢量字体图标库在线工具,是国产最大的矢量字体图标库了。而且使用非常人性方便,网站没有多余的内容,打开搜索即可找到自己需要的内容。使用方法...

    在线工具 355 1年前