java 漂亮界面框架_开源软件分享-漂亮的JavaFx GUI界面框架

虽然说Java目前主要的应用领域是服务端,GUI桌面端软件也有极少量的应用场景(桌面软件还是C#方便),所以今天给大家分享一款漂亮的JavaFx GUI界面框架BootstrapFX。

098d99aa4d12c7818c9072939c2447a9.png

Java Fx 仪表UI Medusa

BootStrapFX

BootstrapFX 是 JavaFX的BootStrap风格的实现。它主要提供与web版本BootStrap非常相似的 CSS 样式表,同时针对 JavaFX 独特的 CSS 风格进行定制,目前最新版本是0.2.4。我们可以通过maven或者gradle来引入BootstrapFX gradle配置如下:

repositories {    jcenter()}dependencies {    compile 'org.kordamp.bootstrapfx:bootstrapfx-core:0.2.4'}

maven配置如下:

org.kordamp.bootstrapfx        bootstrapfx-core        0.2.4centraljcenterhttps://jcenter.bintray.com

Idea 创建JavaFx maven项目

打开idea在Maven工程模板中发现没有javaFx的模板,我们可以先新建JavaFx项目file->new->project

2ff6676eeb1539765d7676a0fda7ba84.png

idea 新建Java Fx项目

JavaFx项目建立成功后,右键点击项目名称选择Add Frameworks Support,选择Maven确认即可成功转化为javaFx maven项目

2a9bb4d9173af7796f17b551c4756197.png

idea Java Fx项目 添加maven支持

如果嫌麻烦可以新建JavaFx项目,不转化为Maven项目,然后打开project settings ->Libraries->添加bootstrapfx-core-0.2.4.jar到工程中便可以使用了。如果网上搜索不到jar包可以私信我提供下载地址。

开始使用

  1. 添加来自 BootstrapFX 的自定义小部件
  2. 将 CSS 类应用于小部件
  3. 将引导 BootstrapFX 样式表应用于场景
    示例代码如下:
public class Main extends Application {    @Override    public void start(Stage primaryStage) throws Exception{        Panel panel = new Panel("BootstrapFX Demo");        panel.getStyleClass().add("panel-primary");        BorderPane content = new BorderPane();        content.setPadding(new Insets(20));        Button button = new Button("你好 我是一个BootstrapFX按钮");        button.getStyleClass().setAll("btn","btn-danger");        content.setCenter(button);        panel.setBody(content);        Scene scene = new Scene(panel);        scene.getStylesheets().add("org/kordamp/bootstrapfx/bootstrapfx.css");        primaryStage.setTitle("BootstrapFX 测试窗体");        primaryStage.setScene(scene);        primaryStage.sizeToScene();        primaryStage.show();    }    public static void main(String[] args) {        launch(args);    }}

运行效果展示

400f29ecee3dd0ec47d22b704e6cfb55.png

示例代码运行

4b5e745d95898339fccc9f2f36cb9699.png

告警消息

6918a9b6895cd6478bfd6ab46dce5ce3.png

按钮

45bff5380081e49330af2dfb82d6a38f.png

文本

e3774637dc78a27198b9252cf22f07fc.png

面板

51e22e4727c3f5005e3b08c964c1e50d.png

按钮下拉菜单

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值