还在为界面图标的制作头疼?No!直接上字体图标。
图标大小、颜色、类型统统借助Font Awesome,瞬间,界面生动了也不担心被喷了。
话不多说,上图:
这四个按钮,用到了Font Awesome的"step-backward"、"play-circle"、"step-forward"、"stop-circle"还行吧。
步骤如下:
1.下载Font Awesome,一套绝佳的图标字体库和CSS框架字体,解压,得到文件。
2.创建Font加载字体文件,并设置大小。
Font font = Font.loadFon("/"), 10);
3.创建Label,设置字体为当前字体,设置text为Font Awesome的图标对应的unicode编码,编码在里查询,例如:
Label label = new Label(); // 使用自定义字体 label.setFont(font); label.setText("\uf144"); label.setTextFill);
4.创建button,设置setGraphic为label。
Button playButton = new Button(); (label);
大功告成,放心运行吧。
几点建议:
- 将font awesome图标名称和unicode编码整合成一个enum合集,方便调用。
- 将label封装成一个组件,方便button使用。
- 点点关注,不迷路[玫瑰]