首页  :: 新随笔  :: 管理

利用JavaFx开发RIA桌面应用-事件监听

Posted on 2017-03-13 18:31  季枫  阅读(671)  评论(0编辑  收藏  举报

1 事件监听

最近利用javaFX开发桌面客户端,碰到需要给各种UI控件添加事件监听,在这里做一个简单的小结,供日后参考。

2 分类处理

Java GUI 和Android中,事件通常通过实现listener的接口函数,并通过addXXXListener 或者 setOnXXXListener的形式来设置接口函数来实现事件的执行。

因此JavaFX的监听分为两种:

  • 控件级别监听
  • 属性级别监听

然而在JavaFX中,只有极少数的事件是遵循Java GUI和Android的模式即控件级别的监听,例如,按钮的点击事件 。

一、控件级别监听

举例说明,Button点击事件处理的两种方式:

1.直接对具体button监听,写在主代码中:

Button btn = new Button();
btn.setText("Say 'Hello World'");
btn.setOnAction(new EventHandler<ActionEvent>() {

    @Override
    public void handle(ActionEvent event) {

    }
});

2.实现EventHandler接口,单独类创建事件代码,与主代码分离,我更青睐这种方式,可以统一管理事件,UI与具体事件分离:

/**
 * Created by loongshaw on 2016/10/28.
 * CatalogCheckPage.java代码片段
 * NOTE 监听片段
 */
Button btn = new Button();
button.addEventHandler(MouseEvent.MOUSE_EXITED, new ShadowEvent(button,false));

/**
 * Created by loongshaw on 2016/10/28.
 * ShadowEvent.java代码片段
 * NOTE 按钮阴影效果
 */
public class ShadowEvent implements EventHandler<MouseEvent> {

    Button button;
    DropShadow dropShadow;
    boolean select;

    public ShadowEvent(Button button,DropShadow dropShadow,boolean select){
        this.button = button;
        this.dropShadow = dropShadow;
        this.select = select;
    }

    public ShadowEvent(Button button,boolean select){
        this.button = button;
        this.select = select;
    }

    public void handle(MouseEvent event) {
        if (select){
            button.setEffect(dropShadow);
        } else {
            button.setEffect(null);
        }

    }
}

二、属性级别监听

JavaFX最重要的特性就是属性绑定 ,所有跟“属性”有关的事件,将一概不会通过“控件.setOnXXXX”这种形式执行。而是通过“属性绑定”来监听属性的改变 ,来执行事件,这一点将通过下述例子说明。

举例说明:

例一、比如监听checkbox是否选中,这是对selectedProperty这个属性进行监听,因此需要实现ChangeListener接口。

// CatalogCheckPage.java代码片段
checkBox.selectedProperty().addListener(new MyCheckBoxListener(checkBox,buttonOfPreEditionDataPath,textInputOfPreEditionDataPath));

// MyCheckBoxListener.java代码片段
public class MyCheckBoxListener implements ChangeListener<Boolean> {

    TextField textfield = new TextField();
    Button button = new Button();
    CheckBox checkBox;

    public MyCheckBoxListener(CheckBox checkBox,Button button,TextField textfield){
        this.checkBox = checkBox;
        this.button = button;
        this.textfield = textfield;
    }

    public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue){
        boolean select = checkBox.isSelected();
        // logger.info("checkbox newValue:" + newValue +",oldValue:"+oldValue);
        if (!select) {
            textfield.setDisable(true);
            button.setDisable(true);
        } else {
            textfield.setDisable(false);
            button.setDisable(false);
        }
    }
}

例二、比如监听窗口大小的改变,这是对Stage类的widthProperty这个属性进行监听,因此需要实现ChangeListener接口,同时ChangeListener里会回调一个“属性改变前的值”和“属性改变后的值”。

// MainPage.java代码片段
primaryStage.widthProperty().addListener(new StageChangeListener(primaryStage));

// StageChangeListener.java窗体变化监听,当前用来设置图标
public class StageChangeListener implements ChangeListener<Number> {

    Stage stage;

    public StageChangeListener(Stage stage){
        this.stage = stage;
    }

    public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {

        stage.getIcons().add(ImageUtil.getImage("/image/tools.png"));
    }
}

所以在JavaFX中,所有跟属性改变相关的事件,都可以根据 XXX.xxxxProperty().addListener 的形式来进行事件监听。理解这种方式将极大提升我们的开发效率。



智读 | 成都会领科技有限公司官网 | 智读App下载 | 每天听本书的博客 | |