上一篇中我们讲到了关于Java Scene Builder2.0工具的基本使用，这一篇我们来讲讲如何利用IDEA+Java Scene Builder来写一个小界面~~~

在之前的配置和新建FX项目博客中我们已经新建好了一个FX的项目，没看的童鞋们，可以去看看，链接: Idea从配置到新建第一个JavaFX项目

在之前已经说过了，新建一个JavaFX项目，项目中的会默认带一个Sample的文件夹，下面包含Controller，Main和Sample.fxml，三个文件，为什么会有三个文件，他们之间的关系是咋样的，又该如何去关联使用，在我的另外一篇博客里，有详细介绍，不了解的童鞋可以去看看，链接: JavaFX的MVC框架.

简单FX界面效果如图：

实现步骤：

打开FXML文件，绑定控制器
右击FXML文件——Open In SceneBuilder 打开JavaFX Scene Builder工具
从左侧工具列表中的Controls中拖出Label控件到中间舞台上，设置Text为：登陆界面，可以用鼠标拖动放置合适的位置，Font中可以更变字体大小和样式
重复步骤3，完成账号和密码的Label创建和设置
从左侧工具列表中的Controls中拖出TextField控件到中间舞台上
从左侧工具列表中的Controls中拖出PasswordField控件到中间舞台上
从左侧工具列表中的Controls中拖出Button控件到中间舞台上，并设置按钮文字
把登录按钮设置Id：Bt_1，就可以通过Bt_1来引用该控件
把登录按钮绑定toLog的事件方法，当该按钮被点击时，事件触发，调用该方法
预览效果，Preview——Show Preview In Window
同步到项目中的FXML文件中，File——Save，FXML会自动生成相应的代码
编写事件方法
运行

提示：

因为分辨率DPI以及其他因素影响的原因，在工具中预览出来的效果可能和运行的效果存在差异，这就需要自己去慢慢调试或者使用绝对定位了
触发事件方法如果在工具中声明了，但是没有在控制器里定义出来，fxml会报错，可以把光标定位在报错的红色字体的方法上，Alter+Enter，选择Create Method，IDEA会自动在与该FXML绑定的控制器里面创建事件方法
在工具中对FXML文件的布局或设置进行更改，一定要记得保存一下刷新FXML文件

补充：

获取TextField中的数据：控件Id.getText();
获取PasswordField的数据：控件Id.getText();

编写第一个JavaFX界面相关推荐

label qt 自动换行_QT编写一个登录界面
前言继上篇:一起学Qt之基础篇---入门今天上手实操用QT编写一个登录界面~ 系统权限这个词大家肯定不陌生,你进入一个网站也是,如果不登录,就是以游客的身份进去的,要想看到某些信息肯定需要进行登录 ...
java计算器如何实现运算_用java编写了一个模拟计算器的界面设计，怎么实现运算功能呢...
用java编写了一个模拟计算器的界面设计,怎么实现运算功能呢 2020 - 9 - 16 TAG : view sourceprint?import java.awt.BorderLayout; im ...
一步步展示如何用C#和ACCESS编写一个登录界面
** 登录界面简易教程 ** 前段时间老师要求做一个登录界面来熟悉C#的操作,于是在看了很多文章后终于编出一个小程序.为了让以后入门的新手不用再找一大堆的文章来慢慢摸索,现在决定分享一下我的编写过程, ...
【tkinter探索之旅】小试牛刀：编写一个登录界面
文章目录一.前言废话二.设计分析三.代码分步解析 1. 导入工具库 2. 创建应用程序窗口 3. 创建画布放置图片 4. 创建账号密码的标签 5. 创建文本框组件 6. 创建按钮组件 7. 设置 ...
JavaFX入门（一）：我的第一个JavaFX程序
JavaFX简介 JavaFX是一个强大的图形和多媒体处理工具包集合,它允许开发者来设计.创建.测试.调试和部署富客户端程序,并且和Java一样跨平台. JavaFX发展历史 2008年12月05日 ...
iOS 11开发教程（七）编写第一个iOS11代码Hello,World
iOS 11开发教程(七)编写第一个iOS11代码Hello,World 代码就是用来实现某一特定的功能,而用计算机语言编写的命令序列的集合.现在就来通过代码在文本框中实现显示"Hello, ...
iOS 11开发教程（二）编写第一个iOS 11应用
iOS 11开发教程(二)编写第一个iOS 11应用编写第一个iOS 11应用本节将以一个iOS 11应用程序为例,为开发者讲解如何使用Xcode 9.0去创建项目,以及iOS模拟器的一些功能.编 ...
编写精美的聊天界面（左边显示接收消息，右边显示发送消息）(项目已上传GitHub)
附上我的GitHub项目地址: https://github.com/Skymqq/UIChat.git 学习Android开发,了解一个精美聊天界面的实现是很有必要的,如果可以掌握这个技能,那么在下 ...
编写第一个HADOOP应用程序
http://space.itpub.net/8183550/viewspace-686332 在MyEclipse 8.5环境下编写了一个HADOOP小程序. 创建Java 工程打开eclips ...

编写第一个JavaFX界面

实现步骤：

提示：

补充：

编写第一个JavaFX界面相关推荐

最新文章

热门文章