如何在 QML 中使用 Font Awesome

2024-04-24

有谁知道如何在 QML 中使用 Font Awesome 吗?我找不到任何文档或任何信息如何在 QML 中使用 Font Awesome。


我喜欢做的是使用fontello http://fontello.com/创建最小的图标集,而不是从 FontAwesome 下载整个图标集。使用文本编辑器 http://code.qt.io/cgit/qt/qtquickcontrols2.git/tree/examples/quickcontrols2/texteditor示例作为参考:

  1. 下载字体并将其存储在项目目录中的某个位置。在示例中,它位于fonts folder.
  2. 如果您在项目中使用 .qrc 文件,请将其添加到其中一个 http://code.qt.io/cgit/qt/qtquickcontrols2.git/tree/examples/quickcontrols2/texteditor/texteditor.qrc.
  3. 我可以想到两种方法来在 QML 中识别字体:FontLoader http://doc.qt.io/qt-5/qml-qtquick-fontloader.html and QFontDatabase::addApplicationFont() http://doc.qt.io/qt-5/qfontdatabase.html#addApplicationFont。使用QFontDatabase::addApplicationFont(), add this http://code.qt.io/cgit/qt/qtquickcontrols2.git/tree/examples/quickcontrols2/texteditor/texteditor.cpp#n77加载应用程序的 QML 之前的代码:

    QFontDatabase fontDatabase;
    if (fontDatabase.addApplicationFont(":/fonts/fontello.ttf") == -1)
        qWarning() << "Failed to load fontello.ttf";
    
  4. Use the 统一码 http://fontawesome.io/icon/folder-open-o/ in the text的财产无论什么项目 http://code.qt.io/cgit/qt/qtquickcontrols2.git/tree/examples/quickcontrols2/texteditor/qml/texteditor.qml#n217您想在以下位置显示图标:

    ToolButton {
        id: openButton
        text: "\uF115" // icon-folder-open-empty
        font.family: "fontello"
        onClicked: openDialog.open()
    }
    
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 QML 中使用 Font Awesome 的相关文章

随机推荐