java - JavaFX 在 HBox 的两个侧面板之间均匀分割空间
问题描述
我有一个 HBox,其中心包含一个方形 VBox。HBox 的宽度可以大于它的高度,在侧面留下额外的空间。我想在左侧和右侧用单独的 VBox 填充这个额外的空间,我将在其中放置按钮、信息等。我希望这两个 VBox(即“侧面板”)始终具有相同的宽度。但是,如下图所示,当右侧面板有按钮而左侧没有按钮时,它比左侧面板宽:
我想
rightPanel.minWidthProperty().bindBidirectional(leftPanel.minWidthProperty());
rightPanel.prefWidthProperty().bindBidirectional(leftPanel.prefWidthProperty());
会做的伎俩,但它没有。
这是我的代码:
import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.binding.NumberBinding;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Control;
import javafx.scene.layout.Border;
import javafx.scene.layout.BorderStroke;
import javafx.scene.layout.BorderStrokeStyle;
import javafx.scene.layout.BorderWidths;
import javafx.scene.layout.CornerRadii;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
public class FX010 extends Application{
public static void main(String[] args) {
Application.launch(args);
}
@Override
public void start(Stage primaryStage) throws Exception {
GamePanel gp = new GamePanel();
Scene scene = new Scene(gp, 800, 600);
primaryStage.setTitle("testing");
primaryStage.minWidthProperty().bind(primaryStage.heightProperty());
primaryStage.setScene(scene);
primaryStage.sizeToScene();
primaryStage.show();
}
public class GamePanel extends HBox{
public GamePanel() {
this.setMinHeight(400);
final VBox boardBox = new VBox();
boardBox.alignmentProperty().set(Pos.CENTER);
this.alignmentProperty().set(Pos.CENTER);
VBox leftPanel, rightPanel;
leftPanel = new VBox();
rightPanel = new VBox();
leftPanel.setBorder(new Border(new BorderStroke(Color.DARKRED, BorderStrokeStyle.SOLID,
CornerRadii.EMPTY,new BorderWidths(1))));
rightPanel.setBorder(new Border(new BorderStroke(Color.DARKRED, BorderStrokeStyle.SOLID,
CornerRadii.EMPTY,new BorderWidths(1))));
rightPanel.minWidthProperty().bindBidirectional(leftPanel.minWidthProperty());
rightPanel.prefWidthProperty().bindBidirectional(leftPanel.prefWidthProperty());
rightPanel.getChildren().add(new Button("testtesttest"));
HBox.setHgrow(leftPanel, Priority.ALWAYS);
HBox.setHgrow(rightPanel, Priority.ALWAYS);
StackPane board = new StackPane(new Rectangle(100,100,Color.RED));
board.setBorder(new Border(new BorderStroke(Color.DARKBLUE, BorderStrokeStyle.DASHED,
CornerRadii.EMPTY,new BorderWidths(1))));
final NumberBinding binding = Bindings.min(widthProperty(), heightProperty());
boardBox.prefWidthProperty().bind(binding);
boardBox.prefHeightProperty().bind(binding);
boardBox.setMaxSize(Control.USE_PREF_SIZE, Control.USE_PREF_SIZE);
VBox.setVgrow(board, Priority.ALWAYS);
boardBox.getChildren().add(board);
getChildren().addAll(leftPanel, boardBox, rightPanel);
//HBox.setHgrow(this, Priority.ALWAYS);
}
}
}
如何强制leftPanel
始终具有与 相同的宽度rightPanel
,同时仍确保它boardBox
始终是正方形?
谢谢!
解决方案
它在您添加时起作用,例如:
leftPanel.setPrefWidth(100d);
rightPanel.setPrefWidth(100d);
编辑:如果您使用 a 作为根布局可能会更好GridPane
,您可以在其中拥有固定百分比宽度的三列,例如:15 %(左侧)、70 %(中心)和 15 %(右侧)边)。但只有您可以知道并决定什么最适合您的项目。:-P
推荐阅读
- blockchain - 锯齿交易处理器不响应 ping
- javascript - 单击表格行将参数发送到新页面?
- ios - videojs 没有从 IOS 中的 beforerequests 发送标头
- android - React Native嵌套的水平滚动视图不在Android上滚动
- sql - SQL查询以获取相同标识符的其他状态的状态计数
- gcloud - 谷歌云部署失败-Java 11,cloud sdk 288.0.0 ,builder:java11_20200223_11_0_RC00
- angular-reactive-forms - 如何使用隐藏在 Angular FormBuilder 中的输入类型?
- typescript - 类型脚本对象一次应该允许一个特定的属性
- c# - 我怎样才能继续触摸“Kinematic”Rigidbody2D?
- python - Scrapy CrawlSpider 在 __init__ 期间停止执行