javafx如何给按钮加入图标 (javafx 字体大小)

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

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

话不多说,上图:

javafx字体大小,javafx如何给按钮加入图标

这四个按钮,用到了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里查询,例如:

javafx字体大小,javafx如何给按钮加入图标

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);

大功告成,放心运行吧。

几点建议:

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