雖然說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配置如下:
repositories {
jcenter()
}
dependencies {
compile 'org.kordamp.bootstrapfx:bootstrapfx-core:0.2.4'
}
maven配置如下:
<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>
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包可以私信我提供下載地址。
開始使用
- 添加來自 BootstrapFX 的自定義小部件
- 將 CSS 類應用於小部件
- 將引導 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);
}
}
運行效果展示
示例代碼運行
告警消息
按鈕
文本
面板
按鈕下拉菜單
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/222744.html