[发明专利]基于Flutter实现字体图标渲染的方法和系统

说明书

本申请实施例提供一种基于Flutter实现字体图标渲染的方法和系统。该方法包括：在云端服务器创建远程云端字体图标库；初始化所述云端字体图标库；从所述云端字体图标库下载渲染文件到本地服务器；对所述渲染文件进行归类和配置；将本地服务器的静态资源字体导入所述归类和配置之后的渲染文件中，得到渲染后的字体图标。本申请不借助第三方的字体图标库资源，通过将本地资源与云端资源定制化配置，实现本地和云端字体图标的上传、下载和配置使用，实现设计灵活、节省资源、加载快速，以获得良好的用户体验。

技术领域

本申请涉及字体图标渲染技术领域，尤其涉及一种基于Flutter实现字体图标渲染的方法、系统、电子设备及存储介质。

背景技术

目前字体图标的渲染技术有两种，其一：采用图片的形式来代替字体图标，依赖于UI设计师的支持，通过用图片来代替相应的设计内容实现该功能，针对同样的字体或图形形态，有多少种不同颜色，不同大小就需要使用多少张图片来代替。此方案虽然能够实现对设计稿的还原，但是对设计师依赖比较强，灵活性差，一旦设计颜色或者大小变更，就需要重新找设计师替换图片；更重要的是大量的图片积累，需要消耗大量的内存、流量等资源，甚至出现页面加载缓慢或者加载失败的情况，增加用户体验成本，影响用户使用。

其二：采用阿里巴巴字体图标库，每次下载所需字体包，然后进行替换本地现有的字体图标包，然而针对不同的项目存在大量差异化不可共用包。而且每次有改动都需要进行下载、替换、发版等过程。虽然解决了第一种方案中的问题，但是对于发布成本、公司共同方案成本却很高，不灵活的使用方式导致无形中增加运维和研发的工作成本。

发明内容

基于上述目的，根据本申请的第一个方面，本申请提出了一种基于Flutter实现字体图标渲染的方法，包括：

在云端服务器创建远程云端字体图标库；

初始化所述云端字体图标库；

从所述云端字体图标库下载渲染文件到本地服务器；

对所述渲染文件进行归类和配置；

将本地服务器的静态资源字体导入所述归类和配置之后的渲染文件中，得到渲染后的字体图标。

进一步地，所述在云端服务器创建远程云端字体图标库，包括：

在云端服务器配置字体图标库空间，通过提交时标签定义实现图标库文件自动归类，统一规范命名、配置角色权限、更新和操作机制；

提供在线多文件格式自动转换字体图标功能。

进一步地，所述初始化所述云端字体图标库，包括：

整理高频使用的Ps源文件中未栅格化且有路径点的图片；

通过在线转换功能批量将原有图片进行字体图标自动转换；

使用AI工具绘制初始画布，使用钢笔工具绘制对应的线性和填充性图版；

导出字体图标代码，输出使用方法和规范说明书，并提交云端字体图标库。

进一步地，所述渲染文件为ttf文件或index文件。

进一步地，对所述渲染文件进行归类和配置，包括：

将下载的渲染文件放置在fonts文件夹下，与lib文件同级；

在yaml文件中配置并执行pub get。

进一步地，所述将本地服务器的静态资源字体导入所述归类和配置之后的渲染文件中，得到渲染后的字体图标，包括：

整理本地服务器的静态资源字体：

在所述渲染文件中，导入本地服务器封装的静态资源字体，得到渲染后的字体图标。