【Android】 IconFont的使用

SVG 的特点：

1. 矢量图形：SVG 使用基于路径的矢量图形，这意味着图形可以无限放大而不失真，非常适合需要多种分辨率的应用。

2. 可伸缩性：SVG 文件的大小通常比位图小，这使得它们在网页上加载更快。

3. 编辑和创作：SVG 文件是文本格式，可以使用任何文本编辑器创建和编辑。这使得它们易于手工编写和脚本化。

4. 互动性：SVG 可以包含交互性，如事件处理器，允许用户与图形进行交互。

5. 集成性：SVG 可以被直接嵌入 HTML 文档中，也可以作为图像元素使用。

6. 动画：SVG 支持 SMIL（Synchronized Multimedia Integration Language），允许在图形中创建动画。

7. 样式化：SVG 支持 CSS 样式，可以方便地改变图形的外观。

阿里IconFont平台

iconfont-阿里巴巴矢量图标库

IconFont虽然看起来是图标，实际原理跟字体的实现方式是一样的，所以我们把每个Icon当作一个特殊的文字来理解和处理。

IconFont使用

1. 首先登录网站，搜索你要用的Icon，把它们加入购物车（点击就可以）。
2. 把购物车里的所有Icon存储在同一个项目中。
3. 进入项目，选择“下载至本地”。
4. 打开下载的文件，里面有一个*.ttf文件，我们需要的所有字体就都在这里了

 获取到这些图标我们就可以开始使用了：

1.首先创建一个文件夹

 接下来复制内容（比如上方的ttf文件）进入文件

2.使用代码建立获取的逻辑结构：

    public void finish(String tianqicode,weatherhourViewHolder holder) {
        analyzeJSONArray(tubiaoDay, tianqicode, holder);
    }

    String tubiaoDay="{" +
            "'100':'','101':'','102':''," +
            "'103':'','104':'','300':''," +
            "'301':'','302':'','303':''," +
            "'304':'','305':'','306':''," +
            "'307':'','308':'','309':''," +
            "'310':'','311':'','312':''," +
            "'313':'','314':'','315':''," +
            "'316':'','317':'','318':''," +
            "'399':'','400':'','401':''," +
            "'402':'','403':'','404':''," +
            "'405':'','406':'','407':''," +
            "'408':'','409':'','410':''," +
            "'499':'','500':'','501':''," +
            "'502':'','503':'','504':''," +
            "'507':'','508':'','509':''," +
            "'510':'','511':'','512':''," +
            "'513':'','514':'','515':''," +
            "'900':'','901':''}" ;

    public void analyzeJSONArray(String json,String tianqicode,weatherhourViewHolder holder) {
        try {
            JSONObject jsonObjectALL = new JSONObject(json);
            String b=jsonObjectALL.getString(tianqicode);
            holder.binding.ivMainDayweather.setText(Html.fromHtml(b));
        } catch (Exception e) {
            //e.printStackTrace();
//            holder.binding.ivMainDayweather.setText(Html.fromHtml(""));//如果未找到则显示N/A
        }
    }

或者

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

打开 res/values/strings.xml，添加 string 值；

打开 activity_main.xml，添加 string 值到 TextView：

最后为 TextView 指定文字：

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

icon字体的使用

前几步如之前的，在平台获取字体文件压缩包

接下来还是如图：

将ttf文件放入项目该文件夹

全局：

这个时候我们首先试着设置全局的：

如图所示加入两句即可

同时要保证该thems是自己项目依赖的。

单个：

使用这两句，将text字体设置即可