下载iconfont文件

将iconfont文件下载到本地。解压之后放到flutter项目的assets 目录下。

flutter 项目 pubspec.yaml文件中配置

自动转换脚本

新建一个translate.py文件，将下面脚本拷贝到文件中。其中变量IconDart ,IconCss 根据实际情况可做更改。执行 python3 translate.py 命令

# coding: u8
import re
from pathlib import Path
import time
ROOT = Path(__file__).resolve().parent
MAIN = ROOT
# 生成的IconFont.dart 文件路径
IconDart = 'lib/common/style/IconFont.dart'
# iconfont css 文件存放路径
IconCss = 'assets/iconfont/iconfont.css'
# 将 iconfont 的 css 自动转换为 dart 代码
def translate():print('Begin translate...')code = """import 'package:flutter/widgets.dart';/// @author:  hsc/// @date: {date}/// @description  代码由程序自动生成。请不要对此文件做任何修改。class IconFont {static const String FONT_FAMILY = 'IconFont';{icon_codes}}""".strip()strings = []content = open(MAIN / IconCss).read().replace('\n  content', 'content')matchObj = re.finditer( r'.icon-(.*?):(.|\n)*?"\\(.*?)";', content)for match in matchObj:name = match.group(1)name = name.replace("-","_")string = f'  static const IconData {name} = const IconData(0x{match.group(3)}, fontFamily: IconFont.FONT_FAMILY);'strings.append(string)strings = '\n'.join(strings)code = code.replace('{icon_codes}', strings)code = code.replace('{date}', time.strftime("%Y-%m-%d %H:%M:%S", time.localtime()))open(MAIN / IconDart, 'w').write(code)print('Finish translate...')if __name__ == "__main__":translate()

结果展示

脚本运行前置条件：python3 环境

Flutter引入iconfont图标，并自动生成dart图标文件相关推荐

使用Inno Setup 6将exe文件打包成压缩包并设置压缩后自动生成桌面图标
文章目录前言一.下载Inno Setup 6 二.安装步骤 1.安装Inno Setup 6并打开 2.进入制作页面 3.进行安装总结前言本文讲述了通过Inno Setup 6进行打包安装, ...
用MyEclipse自动生成hibernate映射文件和实体类
创建web工程,使用Hibernate的时候,在工程里一个一个创建实体类太麻烦,浪费时间,现在教大家如何用MyEclipse自动生成Hibernate映射文件及实体类方法/步骤 1 创建数据库,创建 ...
python建立文件数据库_python学习-- Django根据现有数据库,自动生成models模型文件...
Django引入外部数据库还是比较方便的,步骤如下 : 创建一个项目,修改seting文件,在setting里面设置你要连接的数据库类型和连接名称,地址之类,和创建新项目的时候一致运行下面代码可以自 ...
Wix 安装部署教程(十六) -- 自动生成多语言文件
Wix 安装部署教程(十六) -- 自动生成多语言文件原文:Wix 安装部署教程(十六) -- 自动生成多语言文件因为持续集成需要,所有项目编译完之后生成一个多语言的安装包.之前生成mst文件都是 ...
阻止 WSL 自动生成/etc/hosts 文件
阻止 WSL 自动生成/etc/hosts 文件修改了 /etc/host 文件,然而重启电脑就发现里面的内容还原了. 一直百思不得其解,仔细一看,发现/ etc/hosts 最上方的注释写着: T ...
如何配置log4j每天产生日志，并且当天日志大于10M时自动生成另一个文件
http://bbs.csdn.net/topics/390635339?page=1 如何配置log4j每天产生日志,并且当天日志大于10M时自动生成另一个文件假设 11-11日生成comlib ...
android自动生成dimens适配文件
android自动生成dimens适配文件提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 android自动生成dimens适配文件前言一.使用步骤 1.引入库 2. ...
sqlite数据库自动生成db-journal后缀文件的解决方法
1.使用sqlite数据库时发现,目录中自动生成db-journal后缀文件, 同时新数据没有写入db,重启软件后新数据就丢失了. 2.经排查是使用的jar驱动版本太旧了,需要将驱动包更新为sq ...
删除MAC自动生成的DS_Store文件
删除MAC自动生成的DS_Store文件本文主要记录如何删除MAC自动生成的DS_Store文件. 目录删除MAC自动生成的DS_Store文件 1.步骤1 2.步骤2 3.步骤3 1.步 ...

Flutter引入iconfont图标，并自动生成dart图标文件

Flutter引入iconfont图标并自动生成dart图标文件

下载iconfont文件

flutter 项目 pubspec.yaml文件中配置

自动转换脚本

Flutter引入iconfont图标，并自动生成dart图标文件相关推荐

最新文章

热门文章