在 JavaFX 中进行 Material Design :第三章

2016/09/09 Java

准备

  1. 阅读上一篇和上上篇教程。

开始

打开上篇教程中的工程,和 JavaFX Scene Builder。

然后你需要对“依赖注入”这个概念有一定的了解。需要的了解程度不多,只需要知道这个概念就行了。

添加事件

我们首先选中那个按钮。按照下图所示,选择箭头所指的项,填写方框内的内容。id 是该变量的变量名, On Action 你可以简单理解为点击事件。

填好之后,选择 View -> Show 开头那个。它会给你一个示例代码。

复制这段代码,并删除最下面那个方法名奇怪的方法。复制到你的代码里。打开 IntelliJ IDEA ,把类名改得和文件名相同, import 对应的缺少的包。

现在我们写一些代码。缺少创意的同学可以直接复制我这里提供的一份样例。注意,我删除了包名,请读者手动添加自己设置的包名。

import com.jfoenix.controls.JFXButton;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;

public class Controller {

  private static final String ASS_WE_CAN = "Ass we can";
  private static final String BOY_NEXT_DOOR = "Boy next door";

  @FXML
  private JFXButton button;

  @FXML
  void onButonCLick(ActionEvent event) {
    if (button.getText().equals(ASS_WE_CAN)) button.setText(BOY_NEXT_DOOR);
    else button.setText(ASS_WE_CAN);
  }

}

然后跑一跑程序。然后喜闻乐见地报错了。

于是我们转到 sample.fxml 文件中,并在根元素中添加如下属性,属性值就是你的 Controller 的完整包名+类名。整个 fxml 不报错之后,我们来再次跑一跑程序。

恭喜你,你已经学会了添加点击事件,和操作界面元素。

剩下的就是查 API 了,可以通过翻 API 文档和直接使用 IntelliJ IDEA 内置的反编译工具来查看类,或者是补全功能来浏览 API ,顾名思义就好。人家的 Javadoc 写的还是挺良心的。

可以看看这个 Demo ,虽然是 Kotlin 写的,但是还用到了好几个别的控件(列表、进度条),可以作为参考。这是链接

呐。


本文没有打开评论。
You can't leave comments in this post.


Search

    Post Directory



    如果觉得这篇文章给您带来了收获或者说它值得您这么做,您可以选择对我进行捐助。
    下面是微信支付哟