JavaFX Scene Builder的使用
Eclipse开发JavaFX项目入门
一、下载与安装
Eclipse中添加新插件:
Name: e(fx)clipse
Location: http://download.eclipse.org/efxclipse/updates-released/2.3.0/site
下载JavaFX Scene Builder 2.0
URL:http://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html
安装很简单,略过。
启动eclipse:Window -> References->JavaFX
加入JavaFX Scene Builder 2.0.exe
第一步就完成了。
二、简单JavaFX项目
1.创建项目
选择javafx项目
输入javafx名称,(环境:JDK8以上)
自动生成的项目结构
application包下创建fxml文件
File -> New -> Other
输入名称。
2.进入JavaFX Scene Builder
打开JavaFX Scene Builder
点击AnchorPane
鼠标放在+ 拉大
3.添加组件
Containers中选择Button组件
点击Button组件,在右边设置其属性(默认也行)
设置Button的fx:id (重点)
右边->code->fx:id,输入一个名称
我们在添加一个文本框,设置fx:id
随意拖动,缩放。也可以设置其属性
保存
预览
预览结果:
关闭
三、引用fxml,编写Java代码
1.创建application.MyController类
打开fxml文件
添加内容:fx:controller=”application.MyController”,保存
预览如下(MyController,可以自己命名)
鼠标放在追加的内容上,右键->source->GenerateController
然后自动生成MyController类和字段
2.MyController类中编写代码(事件)
例如给Button很简单的一个事件,MyController类代码如下
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
public class MyController {@FXMLprivate Button btn_1;@FXMLprivate TextField text_1;public void eventButton(){String text = text_1.getText();//获取文本框输入的内容System.out.println(text);}
}
再进入JavaFX Scene Builder 2.0添加Button的事件
选择Button,右边框->code->OnAction,选择eventButton
保存
3.添加Main类中的代码
Main类中自动生成的代码如下
import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
public class Main extends Application {@Overridepublic void start(Stage primaryStage) {try {BorderPane root = new BorderPane();Scene scene = new Scene(root,400,400);
scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());primaryStage.setScene(scene);primaryStage.show();} catch(Exception e) {e.printStackTrace();}}public static void main(String[] args) {launch(args);}
}
Main类中修改如下
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.stage.Stage;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
public class Main extends Application {@Overridepublic void start(Stage primaryStage) {try {Parent root = FXMLLoader.load(getClass().getResource("SceneDemo.fxml"));//修改了//BorderPane root = new BorderPane();//设置Scene的大小(SceneBuilder中点击AnchorPane右边Layout中会显示大小,不一样的可以)Scene scene = new Scene(root,500,522);//修改了scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());primaryStage.setScene(scene);primaryStage.setResizable(false);//设置不能窗口改变大小primaryStage.setTitle("一个简单的JavaFX");//设置标题primaryStage.show();} catch(Exception e) {e.printStackTrace();}}public static void main(String[] args) {launch(args);}
}
保存,运行Main类
结束,如有错误,敬请指明。
到这里就结束了,刚开始使用CSDN,截图和排版不当,谅解。
喜欢JavaFx的同学可以看看易白教程,将就一下,JavaFx教程、视频都很少。
易白教程 :http://www.yiibai.com/javafx/javafx-tutorial-for-beginners.html
JavaFx 2.0 API(英文):http://pan.baidu.com/s/1hsnFRTU
JavaFX Scene Builder的使用相关推荐
- 安装JavaFX Scene Builder 到Eclipse
JavaFX Scene Builder是一种可视布局工具,允许用户快速设计JavaFX应用程序用户界面,而无需编码.用户可以将UI组件拖放到工作区,修改其属性,应用样式表,并且它们正在创建的布局的F ...
- JavaFX Scene Builder 2.0 + IDEA 制作客户端界面
主要内容 JavaFX Scene Builder 2.0 的下载和 IDEA的配置 界面生成步骤 JavaFX Scene Builder 2.0 的下载和 IDEA的配置 见此篇文章: JavaF ...
- 使用eclipse和JavaFX Scene Builder进行快速构建JavaFX应用程序
了解过JavaFX的都知道,JavaFX自从2.0版本开始,已经完全抛弃了之前的script语言,才用纯java来实现.这样的好处就是1.让使用Java的IDE进行JavaFX的开发成为可能,2.Ja ...
- java fx scene builder_JavaFX开发工具之JavaFX Scene Builder
JavaFX Scene Builder是Oracle推出的JavaFX的可视化开发工具.下面就介绍一下今天的主角. 打开后的样子 整体可以分为三个区域:左边部分.中间部分.右边部分.(这不废话吗) ...
- 如何实现场景切换的java_JavaFX + Scene Builder如何切换场景(JavaFX + Scene Builder how switch scene)...
问 题 我正在使用javafx和scenebuilder,并希望在eclipse中为自己创建一个名为"taskplanner"的本地应用程序. 我创建了一个新的舞台并设置了它场景( ...
- 【收藏】IntelliJ Idea中配置JavaFX Scene Builder
https://www.cnblogs.com/shiliye/p/12952545.html
- JavaFx-桌面应用开发利器(三)FXML和Scene Builder
本文接上文JavaFx-桌面应用开发利器(二)基础架构篇,在熟悉了JavaFx的基础框架后,通过基础的学习示例.相信你对基础的Stage和Scene对象等都有了一定的基础认识.在学习的时候,建议各位都 ...
- IDEA中使用scene builder
一.什么是JavaFX Scene Builder? JavaFX Scene Builder是一种可视布局工具,允许用户快速设计JavaFX应用程序用户界面,而无需编码.用户可以将UI组件拖放到工作 ...
- JavaFX之Scene Builder的使用(开发一款GUI小工具原来这么简单)
文章目录 一.前言 二.JavaFX与Scene Builder下载 三.Scene Builder的使用 四.详细教学(示例) 4.1 环境配置 4.2 创建fxml文件以及Controller类文 ...
- Javafx可视化、拖拽式界面设计之Scene Builder的安装和使用
系列文章专栏:javafx图形绘制.桌面录屏录音源码合集 目录 一.安装Scene Builder 二.Scene Builder功能介绍 三.Scene Builder的使用 相信使用java开发桌 ...
最新文章
- 开发信息管理,团队协作效能事半功倍
- 从你输入一个网址,到网页显示,其间发生了什么?
- android 开源fc模拟器_星标 4.5K!又一个跨端框架,腾讯开源内部跨端统一开发框架:Hippy...
- 把文本以图片的形式保存
- JavaScript实现CountingSort计数排序算法(附完整源码)
- boltdb 学习和实践
- Python自己写模块提供调用
- VR线下体验店群雄并起,超级队长为何能靠IP突围?
- 详细解说Java 技术的新纪元
- ubuntu 刷新频率 如何查看_ubuntu如何调整显示的分辨率和刷新率?
- smart原则_目标管理:OKR与SMART原则的异同
- matlab批量将mp3文件转wav文件
- 中国大学慕课mooc毛概考试答案参考
- BZOJ1202 [HNOI2005]狡猾的商人(洛谷P2294)
- matlab 工具箱 径向基,精确径向基(matlab工具箱)
- 浏览器跳不同 不同页面 php,利用js根据不同浏览器自动跳转不同页面
- 后台接口被访问到,前台控制台却提示404
- 硬件设计17之DCDC-MP2315解读
- C++性能之战(1)--深入到汇编看++i、i++、i+=1、i=i+1的区别
- 银联卡整个pdol电子钱包扣费的过程
热门文章
- 两个PB下使用的OfficeXP/2003风格工具栏控件
- 大理古城“八戒”“悟空”与游客互殴 警方已介入
- 安装Centos系统时选择安装的包
- 3K热敏电阻测温程序
- vi/vim操作手册
- html自动改成繁体怎么做,如何将繁体字转换成简体字,繁体字转换器在线转换,简体字转换为繁体字...
- 订阅号与服务号的区别
- 隐私信息检索(隐匿查询)
- 计算机硬盘与格式化,什么是磁盘格式化 格式化与快速格式化区别 - 驱动管家...
- 【转】你真的理解Python中MRO算法吗?