QTはフォントアイコンの使用を美化します

フォントアイコンリソースを準備する

Fontawesomeのダウンロードアドレス
ファイルを解凍して、以下を取得します

QTプロジェクトを確立する

qtcreatorを使用してメインウィンドウプロジェクトを作成します

プロジェクトはフォントアイコンリソースファイルを追加します

では.pro、次のように増加したファイルを読み取ります。

RESOURCES += \
    resource/resource.qrc

次に、プロジェクトディレクトリに作成します

#建立resource目录
mkdir -p resource
mkdir -p resource/ico_ttf
#建立qrc文件
touch resource/resource.qrc

resource.qrcファイルの編集

<RCC>
    <qresource prefix="/resource_file"/>
    <qresource prefix="/">
        <file>ico_ttf/fontawesome-webfont.ttf</file>
    </qresource>
</RCC>

ダウンロードfontawesome解凍ディレクトリからコピーfontawesome-webfont.ttfするico_ttfディレクトリ

ボタンコントロールを作成する

UIデザインツールを開き、プッシュボタンをインターフェイスにドラッグします

mainwindow.cppのインスタンス化で

/*装载图形字体*/
QFont iconFont;
QFontDatabase fontDb;
if(!fontDb.families().contains("FontAwesome"))
{
    
    
    int fontId = fontDb.addApplicationFont(":/ico_ttf/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(14);

ボタンフォントの設定設定するフォント
を検索する

名前fa-file-textをコピーしてfont-awesome.css検索する

QString ico_text = QString("%1%2").arg(QChar(0xf15c)).arg(" 文件");
ui->pushButton->setFont(iconFont);
ui->pushButton->setText(ico_text);

実行結果