JavaFX学习笔记(二) 用JavaFX Scene Builder设计UI_scenebulider怎么用左侧导航_oO临时工Oo的博客-程序员秘密

技术标签： JavaFX

安装并运行JavaFX Scene Builder，新建一个fxml。其主界面如下

　　最上边是菜单栏，

　　左中是控件库，

　　左下是当前设计的UI所包括的控件，这是一个树状结构，只有一个根节点，一般是个Pane，默认是个AnchorPane。

其实也可以改为其它Pane，具体可以参见控件中的containers。这些BorderPane具有类似swing的BorderLayout的布局。

关于layout,详见http://docs.oracle.com/javafx/2/layout/builtin_layouts.htm#CHDGHCDG

　　中间是设计的界面预览

　　右边是属性、布局、代码模块

设计

　　设计主要是从左边拖运控件到中间的设计视图，一般用各种pane先设计框架，再放控件，当然，主要是按需求。设计其实很简单的，只要有swing的layout的相关知识，很容易理解这里的布局。

一个简单的界面就设计出来了，接下来，保存文件，保存的目标文件是一个扩展名为.fxml的XML文档。

在Java程序中使用.fxml

public class T1 extends Application {

	@Override
	public void start(Stage primaryStage) throws IOException {

		Parent root = FXMLLoader.load(getClass().getResource("T1.fxml"));
		Scene scene = new Scene(root, 500, 500);

		primaryStage.setScene(scene);
		primaryStage.show();

	}

	public static void main(String[] args) {
		launch(args);
	}
}

如上述代码，直接run as -> java application就可以了。运行效果如下。当然，也可以直接在avaFX Scene Builder中预览(ctrl+p),

注：上述效果图具有一些简单的背景，这在后面介绍

关于　.fxgraph　和 .fxml

　　两者都用来描述一个javaFX的UI，其中 .fxgraph是json格式， .fxml是XML格式，其实目的都一样，只是格式不一样。JavaFX Scene Builder的输出文件是.fxml，而fxgraph目前为止好像要自己编写，就像手工编写html脚本一样。

　　关于fxgraph可以参考：http://efxclipse.org/fxgraph.html

本文链接：https://blog.csdn.net/trocp/article/details/8129727

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

QCC304x系列开发教程（实战篇) 之 9.13-QCC3040之语音助手调用_高通qcc3040开发_心跳包的博客-程序员秘密

查看全部教程开发请点击：高通蓝牙耳机QCC304x开发详解汇总（持续更新中）1、什么是语音助手？这里的语音助手主要指的是手机自带的语音助手功能（例如hi siri,或者小爱同学等）。通过语音助手可以实现拨打电话，查询天气等等，是一个解放双手非常方便的功能。2、调用蓝牙耳机的语音助手功能首先手机支持语音助手功能并且打开了语音助手功能。（1）高通这个系列蓝牙耳机的语音助手UI是ui_input_voice_dial(2)语音助手实现的逻辑通过ui_input_v...

如果计算机正执行屏幕保护程序当用户,Window权限维持（五）：屏幕保护程序..._尧灵ing的博客-程序员秘密

屏幕保护是Windows功能的一部分，使用户可以在一段时间不活动后放置屏幕消息或图形动画。众所周知，Windows的此功能被威胁参与者滥用为持久性方法。这是因为屏幕保护程序是具有.scr文件扩展名的可执行文件，并通过scrnsave.scr实用程序执行。屏幕保护程序设置存储在注册表中，从令人反感的角度来看，最有价值的值是：HKEY_CURRENT_USER\Control Panel\Deskto...

idea中很实用的插件！强烈安利一波！_lx30的博客-程序员秘密

文章目录前言一、idea插件安装方式二、推荐插件1.Translation总结前言随着idea编写代码的流行使用，idea的插件也与越来越多，选择一些合适的插件可以让我们更轻松的编写代码。一、idea插件安装方式点击 file->settings->plugins->macketplace输入你想要安装的插件名称二、推荐插件1.Translation中英文翻译工具，之所以要把它也单独列出来，是使用起来真的很方便，不用再和其他翻译工具之间来回切换了。官方介绍的特点：

react使用swiper,解决添加点击事件首位图片点击失效，解决轮播按钮被覆盖问题..._weixin_30437847的博客-程序员秘密

JS部分 1 createSwiper1() { 2 var option = { 3 // slidesPerView: 5, 4 slidesPerView: 3, 5 centeredSlides:true, 6 }; 7 if (this.state.newData.length &...

python入门与实战-python介绍_机器视觉全栈er的博客-程序员秘密

开始写书了:p 第一章介绍反而最不好写

git设置过秘钥后 pull时需要输入密码的错误[email protected]'s password:_小久学习敲代码的博客-程序员秘密

git操作的时候pull没有将项目拉下来，我SSH key已经进行了秘钥添加权限，这个时候拉去项目的时候呀却需要密码，我也是郁闷了好久啊，ECDSA key fingerprint is SHA256:hvr5FcWTXeBO0fIQ8F9GuhAWCAQVT6GtD5Qx3d8SNVE.Are you sure you want to continue connecting (yes/no)...