> 文章列表 > Qt第六十二章:图标库QtAwesome的使用

Qt第六十二章:图标库QtAwesome的使用

Qt第六十二章:图标库QtAwesome的使用

目录

一、安装依赖

二、主页

三、文档

四、案例

1、图标

2、样式

3、alpha 通道

4、 多图标堆叠

5、动画

6、字体

五、系列

1、msc系列

2、fa5系列(选择free栏)

3、fa5s系列(选择free栏)

4、fa5b系列(选择free栏)

5、fa系列

6、ei系列

7、mdi系列

8、mdi6系列

9、ph系列

10、ri系列


一、安装依赖

pip install QtAwesome

二、主页

GitHub - spyder-ide/qtawesome: Iconic fonts in PyQt and PySide applicationsIconic fonts in PyQt and PySide applications. Contribute to spyder-ide/qtawesome development by creating an account on GitHub.https://github.com/spyder-ide/qtawesome

三、文档

Usage — qtawesome 1.3.0.dev0 documentationhttps://qtawesome.readthedocs.io/en/latest/usage.html

四、案例

以msc系列为例

1、图标

  

2、样式

color 常态时的颜色
color_off、color_off_active、color_on、color_on_active
offset
activecolor_active 激活时的图标和颜色
disabledcolor_disabled 禁用时的图标和颜色
selectedcolor_selected 选中时的图标和颜色
scale_factor 缩放
opacity 透明度

3、alpha 通道

4、 多图标堆叠

5、动画

6、字体

五、系列

以下有10个系列,不同的系列以不同的前缀进行标识

1、msc系列

codicon | The icon font for Visual Studio Code

2、fa5系列(选择free栏)

Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

3、fa5s系列(选择free栏)

Solid style in Version 5 | Font Awesome

4、fa5b系列(选择free栏)
Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

5、fa系列

Font Awesome Icons

6、ei系列

Elusive Icons Icons

7、mdi系列

Material Design Icons - Icon Library - Pictogrammers

8、mdi6系列

Material Design Icons - Icon Library - Pictogrammers

9、ph系列

Phosphor Icons

10、ri系列

Remix Icon - Open source icon library