JavaFX学习之道：布局面板之 HBox

HBox 布局面板可以很方便的让所有控件都排列成一行。

可以通过设置 padding 属性来设置控件与 HBox 边缘之间的距离。可以通过设置 spacing 属性来设置各个控件之间的距离。可以设置 style 来改变背景颜色。

下面的例子创建了一个 HBox 布局面板，并且在面板上添加了三个按钮：

import javafx.application.Application;

import javafx.geometry.Insets;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.layout.HBox;

import javafx.stage.Stage;

public class HBoxExample extends Application{

public static void main(String[] args) {

launch(args);

}

@Override

public void start(Stage primaryStage) {

primaryStage.setTitle("HBox Example!");

Button oneBtn = new Button("Button one");

oneBtn.setPrefSize(100, 20);

Button twoBtn = new Button("Button two");

twoBtn.setPrefSize(100, 20);

Button threeBtn = new Button("Button three");

threeBtn.setPrefSize(100, 20);

HBox hbox = new HBox();

hbox.setPadding(new Insets(15, 12, 15, 12));

hbox.setSpacing(10);

hbox.setStyle("-fx-background-color: #336699;");

hbox.getChildren().addAll(oneBtn, twoBtn, threeBtn);

primaryStage.setScene(new Scene(hbox, 500, 250));

primaryStage.show();

}

运行结果如下：

JavaFX学习之道：布局面板之 HBox相关推荐

JavaFX学习之道：JavaFX之TableView
TableView表 TableColumn列构建一个表主要有TableView,TableColumn,ObservableList,Bean. 加入列table.getColumn ...
java fx 内置图标_DOC-05-01 使用内置的布局面板
DOC-05-01 使用内置的布局面板本系列教程主要介绍JavaFX SDK中布局容器相关类,我们称之为面板(Pane).使用布局面板来简化JavaFX应用程序中的用户界面的管理. 我们可以通过为每 ...
《java程序设计基础》javaFX的布局面板
1.栈面板类StackPane 创建栈面板,将在其上放置两个按钮,并用样式属性设置按钮和栈面板的外观样式. package yuan; //栈面板的应用 import javafx.applicati ...
JavaFX学习笔记（最全，最详细）
文章目录 Java: JavaFX桌面GUI开发 1.基本概念 2.最小框架代码 3.控件布局 4,初步认识stage窗口 5,stage窗口模式(StageStyle) 6,screen类的使用 7 ...
《自控力》与《学习之道》
两本书同时阅读,讲的东西都是关于人的精神,意志等,非常推荐阅读. overview <自控力>这本书适用面更广,如果你之前并没有关注过精神方面的东西,也立刻可以吸收到很多知识,并可以投入到 ...
JavaFX七巧板游戏：布局控件
用于布局的控件 JavaFX七巧板游戏:布局入门到放弃一文把用于布局的窗格(Pane)拉了一遍,里面提到有一些控件,也有布局的作用. 明显,控件与窗格一样,是Region的子类:与窗格不同的是,控件有 ...
javaFx学习之分页控件Pagination
原文链接:DOC-03-27 分页控件(Pagination Control) | JavaFX中文资料 JavaFX程序中添加分页(Pagination)控件.它会告诉你如何向程序中添加Pagina ...
javaFX学习笔记之散布图(Scatter Chart)
(Scatter Chart),它是一种用一组点来表示数据的双轴图表. 每个点通过X和Y值来定义.跟其他双轴图表类似,你可以创建一组或者多组数据.图展示了一个带有三组数据的Scatter Chart. ...
javaFX学习之HTML编辑器(HTMLEditor)富文本编辑器
原文链接:DOC-03-21 HTML编辑器(HTML Editor) | JavaFX中文资料在JavaFX应用程序中使用内置的HTML编辑器来编辑文本 HTMLEditor控件是一个功能完整的富 ...

JavaFX学习之道：布局面板之 HBox

JavaFX学习之道：布局面板之 HBox相关推荐

最新文章

热门文章