開源軟件分享-漂亮的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>

運行效果展示

示例代碼運行

告警消息

按鈕

文本

面板

按鈕下拉菜單