龙空技术网

一起学javaFx:button篇-字体图标

ai传知 109

前言:

目前兄弟们对“html button 图标”大约比较重视,看官们都需要学习一些“html button 图标”的相关资讯。那么小编在网络上网罗了一些对于“html button 图标””的相关文章,希望你们能喜欢,小伙伴们一起来学习一下吧!

还在为界面图标的制作头疼?No!直接上字体图标。

图标大小、颜色、类型统统借助Font Awesome,瞬间,界面生动了也不担心被喷了。

话不多说,上图:

这四个按钮,用到了Font Awesome的"step-backward"、"play-circle"、"step-forward"、"stop-circle"还行吧。

步骤如下:

1.下载Font Awesome,一套绝佳的图标字体库和CSS框架字体,解压,得到文件fontawesome-webfont.ttf。

2.创建Font加载字体文件,并设置大小。

Font font = Font.loadFont(IconLabel.class.getResourceAsStream("/fontawesome-webfont.ttf"), 10);

3.创建Label,设置字体为当前字体,设置text为Font Awesome的图标对应的unicode编码,编码在font-awesome.css里查询,例如:

Label label = new Label();		// 使用自定义字体		label.setFont(font);		label.setText("\uf144");		label.setTextFill(Color.RED);

4.创建button,设置setGraphic为label。

Button playButton = new Button();playButton.setGraphic(label);

大功告成,放心运行吧。

几点建议:

将font awesome图标名称和unicode编码整合成一个enum合集,方便调用。将label封装成一个组件,方便button使用。点点关注,不迷路[玫瑰]

标签: #html button 图标