JavaFX BorderPane布局

2024-06-17 09:28
文章标签 java 布局 fx borderpane

本文主要是介绍JavaFX BorderPane布局,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

BorderPane布局顶部,底部,左,右或中心区域中的子节点。每个区域只能有一个节点。BorderPane的顶部和底部区域允许可调整大小的节点占用所有可用宽度。
左边界区域和右边界区域占据顶部和底部边界之间的可用垂直空间。

默认情况下,所有边界区域尊重子节点的首选宽度和高度。放置在顶部,底部,左侧,右侧和中心区域中的节点的默认对齐方式如下:

  • 顶部: Pos.TOP_LEFT
  • 底部: Pos.BOTTOM_LEFT
  • 左侧: Pos.TOP_LEFT
  • 右侧: Pos.TOP_RIGHT
  • 中心: Pos.CENTER

示例1

将按钮添加到BorderPane,如下代码所示

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;public class Main extends Application {public static void main(String[] args) {Application.launch(args);}@Overridepublic void start(Stage primaryStage) {primaryStage.setTitle("BorderPane Test");BorderPane bp = new BorderPane();//bp.setPadding(new Insets(10, 20, 10, 20));Button btnTop = new Button("Top");bp.setTop(btnTop);Button btnLeft = new Button("Left");bp.setLeft(btnLeft);Button btnCenter = new Button("Center");bp.setCenter(btnCenter);Button btnRight = new Button("Right");bp.setRight(btnRight);Button btnBottom = new Button("Bottom");bp.setBottom(btnBottom);Scene scene = new Scene(bp, 300, 200);primaryStage.setScene(scene);primaryStage.show();}
}

示例2

package com.javafx03;import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.Background;
import javafx.scene.layout.BorderPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;public class JavaFx07 extends Application {@Overridepublic void start(Stage stage) {BorderPane borderPane = new BorderPane();borderPane.setBackground(Background.fill(Color.GRAY));borderPane.setTop(new Button("TOP"));borderPane.setLeft(new Button("LEFT"));borderPane.setRight(new Button("RIGHT"));borderPane.setCenter(new Button("Center"));borderPane.setBottom(new Button("Bottom"));Scene scene = new Scene(borderPane,300,300);stage.setScene(scene);stage.show();}public static void main(String[] args) {launch(args);}
}

复杂布局

package com.javafx03;import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Hyperlink;
import javafx.scene.layout.*;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;public class JavaFx08 extends Application {@Overridepublic void start(Stage stage) {BorderPane borderPane = new BorderPane();borderPane.setBackground(Background.fill(Color.GRAY));HBox top = new HBox();top.setBackground(Background.fill(Color.BLUE));top.setMinHeight(60);Text text = new Text("Welcome 进销存");text.setFont(Font.font("宋体", FontWeight.BOLD,20));top.setAlignment(Pos.CENTER);top.getChildren().add(text);borderPane.setTop(top);VBox left = new VBox(10);left.setPadding(new Insets(10));left.setBackground(Background.fill(Color.PINK));left.setMinWidth(100);Button system = new Button("系统设置");left.getChildren().addAll(system,new Button("商品管理"),new Button("关于我们"),new Button("联系我们"));borderPane.setLeft(left);GridPane gridPane = new GridPane();gridPane.setBackground(Background.fill(Color.RED));gridPane.setMinWidth(400);gridPane.setMinHeight(240);borderPane.setCenter(gridPane);//borderPane.setRight(new Button("RIGHT"));system.setOnAction(e->{gridPane.setBackground(Background.fill(Color.BLACK));});HBox buttom = new HBox(10);buttom.setPadding(new Insets(10));buttom.setAlignment(Pos.CENTER);buttom.getChildren().addAll(new Button("系统设置"),new Button("商品管理"),new Button("关于我们"),new Button("联系我们"));borderPane.setBottom(buttom);Scene scene = new Scene(borderPane,600,400);stage.setScene(scene);stage.show();}public static void main(String[] args) {launch(args);}
}

此处为语雀视频卡片,点击链接查看:Video_2022-04-27_004131.wmv

菜单导航

使用场景绑定BorderPane宽度和高度

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Menu;
import javafx.scene.control.MenuBar;
import javafx.scene.control.MenuItem;
import javafx.scene.layout.BorderPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;public class Main extends Application {public static void main(String[] args) {Application.launch(args);}@Overridepublic void start(Stage primaryStage) {primaryStage.setTitle("Title");Group root = new Group();Scene scene = new Scene(root, 400, 250, Color.WHITE);MenuBar menuBar = new MenuBar();EventHandler<ActionEvent> action = changeTabPlacement();Menu menu = new Menu("Direction");MenuItem left = new MenuItem("Left");left.setOnAction(action);menu.getItems().add(left);MenuItem right = new MenuItem("Right");right.setOnAction(action);menu.getItems().add(right);MenuItem top = new MenuItem("Top");top.setOnAction(action);menu.getItems().add(top);MenuItem bottom = new MenuItem("Bottom");bottom.setOnAction(action);menu.getItems().add(bottom);menuBar.getMenus().add(menu);BorderPane borderPane = new BorderPane();borderPane.prefHeightProperty().bind(scene.heightProperty());borderPane.prefWidthProperty().bind(scene.widthProperty());borderPane.setTop(menuBar);root.getChildren().add(borderPane);primaryStage.setScene(scene);primaryStage.show();}private EventHandler<ActionEvent> changeTabPlacement() {return new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {MenuItem mItem = (MenuItem) event.getSource();String side = mItem.getText();if ("left".equalsIgnoreCase(side)) {System.out.println("left");} else if ("right".equalsIgnoreCase(side)) {System.out.println("right");} else if ("top".equalsIgnoreCase(side)) {System.out.println("top");} else if ("bottom".equalsIgnoreCase(side)) {System.out.println("bottom");}}};}
}

这篇关于JavaFX BorderPane布局的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1069061

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟&nbsp;开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚&nbsp;第一站:海量资源,应有尽有 走进“智听