这个作业属于哪个课程 | |
这个作业要求在哪里 | |
这个作业的目标 | 总结软件工程实践课程的技术方面 |
其他参考文献 | JavaFX样式,Java FX使用内置的布局面板等,(更多内容见Java FX中文文档) |
目录
- 技术概述
- 技术详述
- 技术使用中遇到的问题和解决过程
- 总结
- 参考链接
技术概述
Java FX前端开发技术与测试技术主要用在Java程序设计的GUI设计部分,在桌面客户端应用程序使用广泛。软件工程实践“你画我猜”中需要用到Java FX技术,因此学习。该技术比较困难的点主要在于,GUI设计不能像C#那样直接拖动组件,需要一行一行写代码。
技术详述
- 在开发之前需要配置开发环境。以eclipse为例:
- 首先,安装插件:在eclipse菜单栏找到help->install new software…
- 接着点击Add添加一个新的repository:
- name设置为e(fx)clipse,location为e(fx)clipse的下载地址:http://download.eclipse.org/efxclipse/updates-nightly/site
- 添加完成后等待下方的Name栏中出现e(fx)clipse的安装包,全部勾选然后next,接着按照提示点击接受协议,等待安装完成。(上述步骤具体做法见参考资料:https://www.jb51.net/article/181980.htm )
- 接下来就能新建Java FX程序了。此时,选择File -> new -> Project,创建工程的界面可以看到有JavaFX(默认是没有的),如下:
- 创建完Java FX工程后就能进行编码操作,默认的程序还能运行。关于GUI的代码,全部写在start函数里面(可以在类中创建其他方法,在start函数调用也可以),例如Hello World程序:
@Override
public void start(Stage primaryStage) {
Button btn = new Button();
btn.setText("Hello World");
StackPane root = new StackPane();
root.getChildren().add(btn);
Scene scene = new Scene(root, 300, 250);
primaryStage.setTitle("Hello World");
primaryStage.setScene(scene);
primaryStage.show();
}
- 在GitHub实训和团队项目中用到的布局基本上是使用边框面板(BorderPane),实现如下:
HBox hbox = addHBox()
border.setTop(hbox);
border.setLeft(addVBox());
addStackPane(hbox); //添加一个堆栈面板到上方区域的HBox中
border.setCenter(addGridPane());
border.setRight(addFlowPane());
技术使用中遇到的问题和解决过程
- 在测试的过程中,一开始不懂得用什么测试工具进行各种测试。
解决过程:实际上,运行程序,也算是测试的一种。有时候运行一下程序就能发现好多bug,不一定要测试工具。测试只是为了找到程序的问题。 - Java FX前端技术现学现用,不能很理解里面的具体含义。
解决过程:先套模板,再进行修改完善。借鉴网上Java FX教程中已有的代码进行修改,手敲一些代码就会理解一些。
总结
- Java FX技术类似于Java的Swing编程技术,甚至在某种情况下Java FX前端更强大一些,可用于桌面端应用程序开发。
- 先创建一个工程项目,再套用各种布局面板,即可设计出GUI界面。