初步了解javafx - 快网idc优惠网

javafx 介绍

一提到java的图形界面库，我们通常听到的都是swing，或者更老一点的awt，包括很多书上面介绍的也都是这两种。很多学校、培训班教学的也是这两种技术。但是其实这两种技术都已经过时很长时间了。swing虽然学起来也不算很难，但是用它来写界面其实也很不好写。因为它的界面和代码没有做到分离，所以在编写的时候，代码中肯定充斥着大量坐标，修改极其不易。这方面做的比较好的就是微软的wpf，只能说谁用谁知道。

当然，虽然编写客户端图形程序是java的弱项，但是java并没有放弃这方面的努力。今天介绍的javafx就是java在编写图形界面程序的最新技术。如果你准备使用java编写图形界面程序，又没有历史包袱，那么强烈推荐使用javafx。

这是oracle官网关于javafx的资源和文档。

这是官方的示例程序，我们可以参考javafx的部分来学习如何使用。下面是其中一个分形的javafx程序，点击上面的数字可以进入不同的微观展示，感觉有一种看病毒微观世界的感觉，很震撼。

如何安装

只要你安装了最新版本的jdk 8，那么就可以使用javafx库了。如果没有安装的话，那么赶快开始安装吧。

快速上手

第一个程序

新建一个项目，然后编写如下的类，然后编译运行，即可看到结果。关于这个程序不用做解释吧。如果有学习过swing以及其他图形界面框架的经验的话，应该非常容易理解这段代码。当然由于javafx是新东西，所以我也顺便使用java 8的新特性——lambda表达式。

package yitian.javafxsample;

import javafx.application.application;

import javafx.scene.scene;

import javafx.scene.control.button;

import javafx.scene.layout.stackpane;

import javafx.stage.stage;

public class hellojavafx extends application {

@override

public void start(stage primarystage) throws exception {

button btn = new button();

btn.settext("你好啊，世界");

btn.setonaction(event -> {

system.out.println("你好，世界!");

}

);

stackpane root = new stackpane();

root.getchildren().add(btn);

scene scene = new scene(root, 300, 250);

primarystage.settitle("hello world!");

primarystage.setscene(scene);

primarystage.show();

}

public static void main(string[] args) {

launch(args);

}

运行截图如下。

用户输入

这个程序可以用来处理用户登录的情况，代码如下，重要部分都添加了注释。代码的最后一部分使用setonaction函数为按钮添加了点击事件，当点击按钮的时候会显示文本。

public class userinput extends application {

@override

public void start(stage primarystage) throws exception {

//网格布局

gridpane grid = new gridpane();

grid.setalignment(pos.center);

//网格垂直间距

grid.sethgap(10);

//网格水平间距

grid.setvgap(10);

grid.setpadding(new insets(25, 25, 25, 25));

//新建场景

scene scene = new scene(grid, 300, 275);

primarystage.setscene(scene);

//添加标题

text scenetitle = new text("welcome");

scenetitle.setfont(font.font("tahoma", fontweight.normal, 20));

grid.add(scenetitle, 0, 0, 2, 1);

//添加标签及文本框

label username = new label("用户名:");

grid.add(username, 0, 1);

textfield usertextfield = new textfield();

grid.add(usertextfield, 1, 1);

//添加标签及密码框

label pw = new label("密码:");

grid.add(pw, 0, 2);

passwordfield pwbox = new passwordfield();

grid.add(pwbox, 1, 2);

//添加提交按钮

button btn = new button("登录");

hbox hbbtn = new hbox(10);

hbbtn.setalignment(pos.bottom_right);

hbbtn.getchildren().add(btn);

grid.add(hbbtn, 1, 4);

//提交文本提示

final text actiontarget = new text();

grid.add(actiontarget, 1, 6);

btn.setonaction(event -> {

actiontarget.setfill(color.firebrick);

actiontarget.settext("已经登录");

}

);

primarystage.settitle("javafx welcome");

primarystage.show();

}

public static void main(string[] args) {

launch(args);

}

程序运行截图如下。

这个程序其实也没什么难点，就是使用了网格布局，然后将每个元素添加到网格中。关于网格布局的属性意义可以参考官方的图。

用fxml设计用户界面

现代图形界面框架都支持将界面和代码分离开，而且比较常用的描述语言是xml，例如qt的qml、wpf的xaml，当然javafx也有类似的语言，叫做fxml。如果需要详细了解fxml，可以参考oracle官网的文章introduction to fxml。

下面用fxml重写一下上面那个小例子，每个部分都做了注释。如果学习过其他类似描述语言的话，会发现这些其实都差不多。唯一需要注意的就是布局里面的fx:controller属性，它指定一个控制器，控制器的作用就是编写界面对应的代码。

相关文章

微信

快网idc优惠网

QQ交流群