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

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

Java Fx 仪表UI Medusa

BootStrapFX

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

<code>
repositories
 
{
    
jcenter()
}

dependencies
 
{
    
compile
 
'org.kordamp.bootstrapfx:bootstrapfx-core:0.2.4'
}
/<code>

maven配置如下：

<code>
<
dependencies
>

    
<
dependency
> 

        
<
groupId
>
org.kordamp.bootstrapfx
groupId
>

        
<
artifactId
>
bootstrapfx-core
artifactId
>

        
<
version
>
0.2.4
version
>

    
dependency
>

dependencies
>


<
repositories
>

    
<
repository
>

        
<
id
> 
central
id
>

        
<
name
>
jcenter
name
>

        
<
url
>
https://jcenter.bintray.com
url
>

    
repository
>

repositories
>
/<code>

Idea 创建JavaFx maven项目

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

idea 新建Java Fx项目

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

idea Java Fx项目 添加maven支持

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

开始使用

1. 添加来自 BootstrapFX 的自定义小部件
2. 将 CSS 类应用于小部件
3. 将引导 BootstrapFX 样式表应用于场景
   示例代码如下：

<code>
public
 
class
 
Main
 
extends
 
Application
 
{
     
    
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);
    }
}
/<code>

运行效果展示

示例代码运行

告警消息

按钮

文本

面板

按钮下拉菜单