在Android中使用字体图标(Icon Font)

最新推荐文章于 2024-08-18 03:46:46 发布

雪鹰翔天

最新推荐文章于 2024-08-18 03:46:46 发布

阅读量1.6k

点赞数

分类专栏： Android 文章标签： android android studio

本文链接：https://blog.csdn.net/freedomzcd/article/details/108120855

版权

Android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

主要内容

做前端开发的人，对字体图标（iconFont）应该都不陌生（感到陌生的人自己去搜索普及下知识吧( ￣┏＿┓￣)）。实际原理就是ICON打成字体，然后通过CSS设置字体的样式来生效。
但是，这是在H5相关开发及其延伸开发时用到的。那么，原生Android开发中，应该怎么使用这些图标呢。下面就给大家介绍一下在Android原生开发中的使用方法。

本方法基于Android Studio工程使用，Eclipse的使用者请自行摸索，主要是assets的位置问题。

首先，准备好一个字体图标文件，一般是ttf字体文件，本人准备的是名叫icon.ttf的文件，部分内容如下图。

接下来，在Android Studio中新建工程，File → New → New Project... ，弹窗中选择”Empty Activity“ → 点击 Next → 输入应用名、包名以及工程位置 → 点击Finish完成。如下图

点击Android Studio左上角‘Android’，切换到Project模式，在 app → src → main 下新建文件夹 assets，这里的位置不要错了，Android就认这个位置。将准备好的图标文件（icon.tty）复制到assets文件夹下。

这样，准备工作就完成了，接下来就是在项目中使用它了。

在使用之前，先叨叨两句。Android的Activity的生成和渲染的速度是非常快的，如果你在Activity中加载并使用字体文件，很可能就会造成这个页面轻微卡顿的现象。解决这个问题的方案就是在应用启动时就去加载这个字体文件，在页面中只是使用它。

下面就介绍在代码中怎么使用它。

首先，新建一个MainApp类，继承自Application，在AndroidManifest.xml中application标签中设置android:name指向刚刚新建的MainApp类，让MainApp代替系统默认的Application类。

然后，在MainApp中，复写onCreate()方法，并在这个方法里加载字体文件，这里要用到Android的Typeface字体类，想让页面都可以用到这个字体，那么还要把字体的实例getter一下。代码如下：

package com.test.testiconfont;

import android.app.Application;
import android.graphics.Typeface;

public class MainApp extends Application {
    
    private Typeface typeface;
    public Typeface getTypeface() {
        return typeface;
    }
    @Override
    public void onCreate() {
        super.onCreate();
        typeface = Typeface.createFromAsset(getAssets(),"icon.ttf");
    }
}

新建空Activity一般都会有一个TextView，内容为“Hello World！”，可以把它利用起来。给这个TextView设置一个Id，如helloWorld，在Java代码中用findViewById将这个View引用起来。然后给它设置字体，并赋值一个字体图标。

在使用字体图标时有一个需要注意的地方，如图1中，星型的值为e915，在Android中这个引用为“”。是的，前后都要加字符，前面加“&#x”，后面加英文分号，这是字体图标的引用值。这个引用不能直接作为字符串使用，需要用Html类转换一下，Activity中完整代码如下：

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

    TextView helloWorld = findViewById(R.id.helloWorld);
    helloWorld.setTypeface(((MainApp)getApplicationContext()).getTypeface());
    helloWorld.setText(Html.fromHtml("&#xe915;"));
}

运行代码，可以看到，这个图标已经替换了“Hello World！”的内容。

成功！！！(～￣▽￣)～