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

Qt第六十二章:图标库QtAwesome的使用_第1张图片

二、主页

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、图标

Qt第六十二章:图标库QtAwesome的使用_第2张图片  

2、样式

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

Qt第六十二章:图标库QtAwesome的使用_第3张图片

3、alpha 通道

Qt第六十二章:图标库QtAwesome的使用_第4张图片

4、 多图标堆叠

Qt第六十二章:图标库QtAwesome的使用_第5张图片

5、动画

Qt第六十二章:图标库QtAwesome的使用_第6张图片

6、字体

Qt第六十二章:图标库QtAwesome的使用_第7张图片

五、系列

以下有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

你可能感兴趣的:(Qt,for,Python,ubuntu,linux,运维)