QT 字体图标


在这里插入图片描述
作为一个半路出家的小码农,今天突发发现字体图标这个好东西。
使用非常简单,像字体一样调用。而且还可以任意放大不失真。

字体图标库下载

这里有网上找到的几个免费字体图标库
fontawesome-webfont.ttf
下载地址:http://fontawesome.dashgame.com/
在这里插入图片描述

pe-icon-set-weather.ttf
下载地址:https://www.pixeden.com/icon-fonts/the-icons-font-set-weather

在这里插入图片描述

自定义字体图标库

阿里图标库网址:http://www.iconfont.cn
把自己想要的字体图标添加至购物车,下载之后*.ttf文件就是我们自己的图标库了‘

QT使用字体图标库

新建qt widget application应用,一路默认即可。
在这里插入图片描述
添加qrc文件
在这里插入图片描述
添加前缀在这里插入图片描述

添加ttf文件
在这里插入图片描述

添加以下代码到mainwindow

QFont iconFont;
    //判断图形字体是否存在,不存在则加入
    QFontDatabase fontDb;
    if (!fontDb.families().contains("FontAwesome")) {
        int fontId = fontDb.addApplicationFont(":/image/fontawesome-webfont.ttf");
        QStringList fontName = fontDb.applicationFontFamilies(fontId);
        if (fontName.count() == 0) {
            qDebug() << "load fontawesome-webfont.ttf error";
        }
    }
    if (fontDb.families().contains("FontAwesome")) {
        iconFont = QFont("FontAwesome");
        iconFont.setHintingPreference(QFont::PreferNoHinting);
    }
    iconFont.setPixelSize(100);

    QStringList list;
    for (int i = 0; i < 10 ; i++) {
        QChar str = QChar(0xf000 + i);
        QString tip = QString("0xf%1").arg(i, 3, 16, QChar('0'));
        QLabel *lab = new QLabel;
        lab->setAlignment(Qt::AlignCenter);
        lab->setFont(iconFont);
        lab->setText(str);
        lab->setToolTip(tip);
        lab->setMinimumSize(30, 30);


        QPalette blue_pe,red_pe;
        blue_pe.setColor(QPalette::WindowText,Qt::blue);
        red_pe.setColor(QPalette::WindowText,Qt::red);

        if (i%4==0)
            lab->setPalette(blue_pe);
        else if (i%4==1)
            lab->setPalette(red_pe);
        else if (i%4==2)
            lab->setStyleSheet("color:yellow;");


        ui->horizontalLayout->addWidget(lab);

    }

在这里插入图片描述

相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页