2021智慧树互联网与营销创新,合肥seo外包平台,重庆seo推广公司,wordpress ciphpdown前言
阿里矢量图标库非常好用#xff0c;里面有各种丰富的图标#xff0c;完全免费#xff0c;还支持自定义图标#xff0c;还可以将图标打包到一个项目中#xff0c;使用起来非常方便。
第一步#xff1a;
打开阿里矢量图标库
第二步#xff1a;
搜索图标#x…前言
阿里矢量图标库非常好用里面有各种丰富的图标完全免费还支持自定义图标还可以将图标打包到一个项目中使用起来非常方便。
第一步
打开阿里矢量图标库
第二步
搜索图标点击添加入库可以多选择几个图标添加入库
第三步
点击右上方购物车选择添加至项目 点击这个小图标新建项目项目名为fruits(当然也可以和我不一样) 点击确定可以看到
第四步 第五步
解压下载的文件可以看到
第六步
现在我们打开Qt新建一个项目项目名为useIconfont
这里选择QWidget就行编译器msvc或者mingw都行
第七步
右键项目添加新文件 选择资源文件命名为Resources 然后下一步确定即可
第八步
右键项目在explorer中显示然后新建一个文件夹名称为Src将你下载并且解压后的文件夹放到里面
第九步
右键Resources.qrc文件,选择open in editor 然后一定一定要保存
第十步
打开项目ui界面添加标签并将标签中的内容去掉 在widget.cpp中添加如下代码
#include widget.h
#include ui_widget.h
#include QFontDatabaseWidget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);//1载入外部文件,注意这个路径添加你自己的路径int fontId QFontDatabase::addApplicationFont(:/Src/font_4650027_8bxu9ltretb/iconfont.ttf);//2.获取字体名称QString fontName QFontDatabase::applicationFontFamilies(fontId).at(0);//3.设置到QFont中QFont iconFont QFont(fontName);//用于设置要显示的图片的大小单位为像素iconFont.setPixelSize(36);//直接在ui中的控件ui-label-setFont(iconFont);ui-label-setText(QChar(0xe66f));ui-label-resize(70,70);iconFont.setPixelSize(54);ui-label_2-setFont(iconFont);ui-label_2-setText(QChar(0xe603));ui-label_2-resize(54,54);//尝试添加样式,可行ui-label_3-setFont(iconFont);ui-label_3-setText(QChar(0xe604));ui-label_3-setStyleSheet(background-color: rgb(0, 255, 0););ui-label_3-resize(54,54);//设置没有边框iconFont.setPixelSize(30);ui-label_4-setFont(iconFont);ui-label_4-setText(QChar(0xe67b));ui-label_4-resize(30,30);}Widget::~Widget()
{delete ui;
}
第十一步
注意导入外部文件时可以通过copy path来复制路径 还有一点就是setText(QChar())这个地方QChar中的内容填你自己的unicode数据可以在你下载的html文件中查看
第十二步
显示运行结果
完成
小结
你可能会疑惑为什么图标没有颜色这是因为Unicode默认情况下不支持多色直接添加多色图标会自动去色;但是着对于我们引入工具类图标非常有用而且对于引入的图标还可以进行css设置样式如果你非要引入有颜色的图标的话阿这里有两种方法第一种很直接就是把图片下载下来直接引入就行了第二种就是要编写html代码然后将文件夹中的js代码引入
