Awesome字体图标库使用

链接:Font Awesome,一套绝佳的图标字体库和CSS框架

下载后,在Qt工程中将fontawesome-webfont.ttf添加至qrc资源系统中,然后新建类FontAwesomeIcons,操作如下:

在Qt中的使用如下:

.h文件:

#ifndef FONTAWESOMEICONS_H
#define FONTAWESOMEICONS_H

#include <QFont>
#include <QChar>

class FontAwesomeIcons
{
public:
    /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
       readers do not read off random characters that represent icons */
    enum class IconIdentity : int{
        icon_glass=0xf000,
        icon_music=0xf001,
        icon_search=0xf002,
        icon_envelope_alt=0xf003,
        icon_heart=0xf004,
        icon_star=0xf005,
        icon_star_empty=0xf006,
        icon_user=0xf007,
        icon_film=0xf008,
        icon_th_large=0xf009,
        icon_th=0xf00a,
        icon_th_list=0xf00b,
        icon_ok=0xf00c,
        icon_remove=0xf00d,
        icon_zoom_in=0xf00e,
        icon_zoom_out=0xf010,
        icon_power_off=0xf011,
        icon_off=icon_power_off,
        icon_signal=0xf012,
        icon_gear=0xf013,
        icon_cog=icon_gear,
        icon_trash=0xf014,
        icon_home=0xf015,
        icon_file_alt=0xf016,
        icon_time=0xf017,
        icon_road=0xf018,
        icon_download_alt=0xf019,
        icon_download=0xf01a,
        icon_upload=0xf01b,
        icon_inbox=0xf01c,
        icon_play_circle=0xf01d,
        icon_rotate_right=0xf01e,
        icon_repeat=icon_rotate_right,
        icon_refresh=0xf021,
        icon_list_alt=0xf022,
        icon_lock=0xf023,
        icon_flag=0xf024,
        icon_headphones=0xf025,
        icon_volume_off=0xf026,
        icon_volume_down=0xf027,
        icon_volume_up=0xf028,
        icon_qrcode=0xf029,
        icon_barcode=0xf02a,
        icon_tag=0xf02b,
        icon_tags=0xf02c,
        icon_book=0xf02d,
        icon_bookmark=0xf02e,
        icon_print=0xf02f,
        icon_camera=0xf030,
        icon_font=0xf031,
        icon_bold=0xf032,
        icon_italic=0xf033,
        icon_text_height=0xf034,
        icon_text_width=0xf035,
        icon_align_left=0xf036,
        icon_align_center=0xf037,
        icon_align_right=0xf038,
        icon_align_justify=0xf039,
        icon_list=0xf03a,
        icon_indent_left=0xf03b,
        icon_indent_right=0xf03c,
        icon_facetime_video=0xf03d,
        icon_picture=0xf03e,
        icon_pencil=0xf040,
        icon_map_marker=0xf041,
        icon_adjust=0xf042,
        icon_tint=0xf043,
        icon_edit=0xf044,
        icon_share=0xf045,
        icon_check=0xf046,
        icon_move=0xf047,
        icon_step_backward=0xf048,
        icon_fast_backward=0xf049,
        icon_backward=0xf04a,
        icon_play=0xf04b,
        icon_pause=0xf04c,
        icon_stop=0xf04d,
        icon_forward=0xf04e,
        icon_fast_forward=0xf050,
        icon_step_forward=0xf051,
        icon_eject=0xf052,
        icon_chevron_left=0xf053,
        icon_chevron_right=0xf054,
        icon_plus_sign=0xf055,
        icon_minus_sign=0xf056,
        icon_remove_sign=0xf057,
        icon_ok_sign=0xf058,
        icon_question_sign=0xf059,
        icon_info_sign=0xf05a,
        icon_screenshot=0xf05b,
        icon_remove_circle=0xf05c,
        icon_ok_circle=0xf05d,
        icon_ban_circle=0xf05e,
        icon_arrow_left=0xf060,
        icon_arrow_right=0xf061,
        icon_arrow_up=0xf062,
        icon_arrow_down=0xf063,
        icon_mail_forward=0xf064,
        icon_share_alt=icon_mail_forward,
        icon_resize_full=0xf065,
        icon_resize_small=0xf066,
        icon_plus=0xf067,
        icon_minus=0xf068,
        icon_asterisk=0xf069,
        icon_exclamation_sign=0xf06a,
        icon_gift=0xf06b,
        icon_leaf=0xf06c,
        icon_fire=0xf06d,
        icon_eye_open=0xf06e,
        icon_eye_close=0xf070,
        icon_warning_sign=0xf071,
        icon_plane=0xf072,
        icon_calendar=0xf073,
        icon_random=0xf074,
        icon_comment=0xf075,
        icon_magnet=0xf076,
        icon_chevron_up=0xf077,
        icon_chevron_down=0xf078,
        icon_retweet=0xf079,
        icon_shopping_cart=0xf07a,
        icon_folder_close=0xf07b,
        icon_folder_open=0xf07c,
        icon_resize_vertical=0xf07d,
        icon_resize_horizontal=0xf07e,
        icon_bar_chart=0xf080,
        icon_twitter_sign=0xf081,
        icon_facebook_sign=0xf082,
        icon_camera_retro=0xf083,
        icon_key=0xf084,
        icon_gears=0xf085,
        icon_cogs=icon_gears,
        icon_comments=0xf086,
        icon_thumbs_up_alt=0xf087,
        icon_thumbs_down_alt=0xf088,
        icon_star_half=0xf089,
        icon_heart_empty=0xf08a,
        icon_signout=0xf08b,
        icon_linkedin_sign=0xf08c,
        icon_pushpin=0xf08d,
        icon_external_link=0xf08e,
        icon_signin=0xf090,
        icon_trophy=0xf091,
        icon_github_sign=0xf092,
        icon_upload_alt=0xf093,
        icon_lemon=0xf094,
        icon_phone=0xf095,
        icon_unchecked=0xf096,
        icon_check_empty=icon_unchecked,
        icon_bookmark_empty=0xf097,
        icon_phone_sign=0xf098,
        icon_twitter=0xf099,
        icon_facebook=0xf09a,
        icon_github=0xf09b,
        icon_unlock=0xf09c,
        icon_credit_card=0xf09d,
        icon_rss=0xf09e,
        icon_hdd=0xf0a0,
        icon_bullhorn=0xf0a1,
        icon_bell=0xf0a2,
        icon_certificate=0xf0a3,
        icon_hand_right=0xf0a4,
        icon_hand_left=0xf0a5,
        icon_hand_up=0xf0a6,
        icon_hand_down=0xf0a7,
        icon_circle_arrow_left=0xf0a8,
        icon_circle_arrow_right=0xf0a9,
        icon_circle_arrow_up=0xf0aa,
        icon_circle_arrow_down=0xf0ab,
        icon_globe=0xf0ac,
        icon_wrench=0xf0ad,
        icon_tasks=0xf0ae,
        icon_filter=0xf0b0,
        icon_briefcase=0xf0b1,
        icon_fullscreen=0xf0b2,
        icon_group=0xf0c0,
        icon_link=0xf0c1,
        icon_cloud=0xf0c2,
        icon_beaker=0xf0c3,
        icon_cut=0xf0c4,
        icon_copy=0xf0c5,
        icon_paperclip=0xf0c6,
        icon_paper_clip=icon_paperclip,
        icon_save=0xf0c7,
        icon_sign_blank=0xf0c8,
        icon_reorder=0xf0c9,
        icon_list_ul=0xf0ca,
        icon_list_ol=0xf0cb,
        icon_strikethrough=0xf0cc,
        icon_underline=0xf0cd,
        icon_table=0xf0ce,
        icon_magic=0xf0d0,
        icon_truck=0xf0d1,
        icon_pinterest=0xf0d2,
        icon_pinterest_sign=0xf0d3,
        icon_google_plus_sign=0xf0d4,
        icon_google_plus=0xf0d5,
        icon_money=0xf0d6,
        icon_caret_down=0xf0d7,
        icon_caret_up=0xf0d8,
        icon_caret_left=0xf0d9,
        icon_caret_right=0xf0da,
        icon_columns=0xf0db,
        icon_sort=0xf0dc,
        icon_sort_down=0xf0dd,
        icon_sort_up=0xf0de,
        icon_envelope=0xf0e0,
        icon_linkedin=0xf0e1,
        icon_rotate_left=0xf0e2,
        icon_undo=icon_rotate_left,
        icon_legal=0xf0e3,
        icon_dashboard=0xf0e4,
        icon_comment_alt=0xf0e5,
        icon_comments_alt=0xf0e6,
        icon_bolt=0xf0e7,
        icon_sitemap=0xf0e8,
        icon_umbrella=0xf0e9,
        icon_paste=0xf0ea,
        icon_lightbulb=0xf0eb,
        icon_exchange=0xf0ec,
        icon_cloud_download=0xf0ed,
        icon_cloud_upload=0xf0ee,
        icon_user_md=0xf0f0,
        icon_stethoscope=0xf0f1,
        icon_suitcase=0xf0f2,
        icon_bell_alt=0xf0f3,
        icon_coffee=0xf0f4,
        icon_food=0xf0f5,
        icon_file_text_alt=0xf0f6,
        icon_building=0xf0f7,
        icon_hospital=0xf0f8,
        icon_ambulance=0xf0f9,
        icon_medkit=0xf0fa,
        icon_fighter_jet=0xf0fb,
        icon_beer=0xf0fc,
        icon_h_sign=0xf0fd,
        icon_plus_sign_alt=0xf0fe,
        icon_double_angle_left=0xf100,
        icon_double_angle_right=0xf101,
        icon_double_angle_up=0xf102,
        icon_double_angle_down=0xf103,
        icon_angle_left=0xf104,
        icon_angle_right=0xf105,
        icon_angle_up=0xf106,
        icon_angle_down=0xf107,
        icon_desktop=0xf108,
        icon_laptop=0xf109,
        icon_tablet=0xf10a,
        icon_mobile_phone=0xf10b,
        icon_circle_blank=0xf10c,
        icon_quote_left=0xf10d,
        icon_quote_right=0xf10e,
        icon_spinner=0xf110,
        icon_circle=0xf111,
        icon_mail_reply=0xf112,
        icon_reply=icon_mail_reply,
        icon_github_alt=0xf113,
        icon_folder_close_alt=0xf114,
        icon_folder_open_alt=0xf115,
        icon_expand_alt=0xf116,
        icon_collapse_alt=0xf117,
        icon_smile=0xf118,
        icon_frown=0xf119,
        icon_meh=0xf11a,
        icon_gamepad=0xf11b,
        icon_keyboard=0xf11c,
        icon_flag_alt=0xf11d,
        icon_flag_checkered=0xf11e,
        icon_terminal=0xf120,
        icon_code=0xf121,
        icon_reply_all=0xf122,
        icon_mail_reply_all=0xf122,
        icon_star_half_full=0xf123,
        icon_star_half_empty=icon_star_half_full,
        icon_location_arrow=0xf124,
        icon_crop=0xf125,
        icon_code_fork=0xf126,
        icon_unlink=0xf127,
        icon_question=0xf128,
        icon_info=0xf129,
        icon_exclamation=0xf12a,
        icon_superscript=0xf12b,
        icon_subscript=0xf12c,
        icon_eraser=0xf12d,
        icon_puzzle_piece=0xf12e,
        icon_microphone=0xf130,
        icon_microphone_off=0xf131,
        icon_shield=0xf132,
        icon_calendar_empty=0xf133,
        icon_fire_extinguisher=0xf134,
        icon_rocket=0xf135,
        icon_maxcdn=0xf136,
        icon_chevron_sign_left=0xf137,
        icon_chevron_sign_right=0xf138,
        icon_chevron_sign_up=0xf139,
        icon_chevron_sign_down=0xf13a,
        icon_html5=0xf13b,
        icon_css3=0xf13c,
        icon_anchor=0xf13d,
        icon_unlock_alt=0xf13e,
        icon_bullseye=0xf140,
        icon_ellipsis_horizontal=0xf141,
        icon_ellipsis_vertical=0xf142,
        icon_rss_sign=0xf143,
        icon_play_sign=0xf144,
        icon_ticket=0xf145,
        icon_minus_sign_alt=0xf146,
        icon_check_minus=0xf147,
        icon_level_up=0xf148,
        icon_level_down=0xf149,
        icon_check_sign=0xf14a,
        icon_edit_sign=0xf14b,
        icon_external_link_sign=0xf14c,
        icon_share_sign=0xf14d,
        icon_compass=0xf14e,
        icon_collapse=0xf150,
        icon_collapse_top=0xf151,
        icon_expand=0xf152,
        icon_euro=0xf153,
        icon_eur=icon_euro,
        icon_gbp=0xf154,
        icon_dollar=0xf155,
        icon_usd=icon_dollar,
        icon_rupee=0xf156,
        icon_inr=icon_rupee,
        icon_yen=0xf157,
        icon_jpy=icon_yen,
        icon_renminbi=0xf158,
        icon_cny=icon_renminbi,
        icon_won=0xf159,
        icon_krw=icon_won,
        icon_bitcoin=0xf15a,
        icon_btc=icon_bitcoin,
        icon_file=0xf15b,
        icon_file_text=0xf15c,
        icon_sort_by_alphabet=0xf15d,
        icon_sort_by_alphabet_alt=0xf15e,
        icon_sort_by_attributes=0xf160,
        icon_sort_by_attributes_alt=0xf161,
        icon_sort_by_order=0xf162,
        icon_sort_by_order_alt=0xf163,
        icon_thumbs_up=0xf164,
        icon_thumbs_down=0xf165,
        icon_youtube_sign=0xf166,
        icon_youtube=0xf167,
        icon_xing=0xf168,
        icon_xing_sign=0xf169,
        icon_youtube_play=0xf16a,
        icon_dropbox=0xf16b,
        icon_stackexchange=0xf16c,
        icon_instagram=0xf16d,
        icon_flickr=0xf16e,
        icon_adn=0xf170,
        icon_bitbucket=0xf171,
        icon_bitbucket_sign=0xf172,
        icon_tumblr=0xf173,
        icon_tumblr_sign=0xf174,
        icon_long_arrow_down=0xf175,
        icon_long_arrow_up=0xf176,
        icon_long_arrow_left=0xf177,
        icon_long_arrow_right=0xf178,
        icon_apple=0xf179,
        icon_windows=0xf17a,
        icon_android=0xf17b,
        icon_linux=0xf17c,
        icon_dribbble=0xf17d,
        icon_skype=0xf17e,
        icon_foursquare=0xf180,
        icon_trello=0xf181,
        icon_female=0xf182,
        icon_male=0xf183,
        icon_gittip=0xf184,
        icon_sun=0xf185,
        icon_moon=0xf186,
        icon_archive=0xf187,
        icon_bug=0xf188,
        icon_vk=0xf189,
        icon_weibo=0xf18a,
        icon_renren=0xf18b
    };

public:
    static FontAwesomeIcons& Instance();

    QFont getFont();

    QChar getIconChar(FontAwesomeIcons::IconIdentity code);

protected:
    FontAwesomeIcons();

    FontAwesomeIcons(const FontAwesomeIcons& fai) = delete;
    FontAwesomeIcons& operator=(const FontAwesomeIcons& fai) = delete;

private:
    QFont font;
};

#endif // FONTAWESOMEICONS_H

.cpp文件: 

#include "fontawesomeicons.h"
#include <QFontDatabase>

FontAwesomeIcons &FontAwesomeIcons::Instance()
{
    static FontAwesomeIcons _instance;
    return _instance;
}

QFont FontAwesomeIcons::getFont()
{
    return this->font;
}

QChar FontAwesomeIcons::getIconChar(FontAwesomeIcons::IconIdentity code)
{
    return QChar((int)code);
}

FontAwesomeIcons::FontAwesomeIcons()
{
    // add font file
    int fontId = QFontDatabase::addApplicationFont(":/font/fontawesome-webfont.ttf");
    QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId);

    Q_ASSERT_X(fontFamilies.size()==1,"font","font not exist.");

    this->font.setFamily(fontFamilies.at(0));
}

代码如何使用,如下所示:

QFont font = FontAwesomeIcons::Instance().getFont();
font.setPointSize(16);

QPainter painter(this);
    painter.setPen(QColor("#000000"));
    painter.setFont(this->font);

    painter.drawText(10,30, FontAwesomeIcons::Instance().getIconChar(FontAwesomeIcons::IconIdentity::icon_skype));
    painter.drawText(30,30, "icon_skype");

实际效果:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值