Question

使用带有两个文件CustomToggleSwitch.fxml和CustomToggleSwitch.java的FXML创建自定义设计。

CustomToggleSwitch.fxml具有以下代码

(1-0.41880231596887807)

CustomToggleSwitch.java有代码

max_iter

从这些创建jar文件并在应用程序项目中使用此jar文件。应用程序有test.fxml：

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import javafx.scene.shape.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>

<fx:root type="Pane" xmlns="http://javafx.com/javafx/8"   xmlns:fx="http://javafx.com/fxml/1">
 <children>
    <Button mnemonicParsing="false" onAction="#click" text="Button" />
 </children>
</fx:root>

Controller类（TestController.java）有以下

package com.custom;

import java.io.IOException;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.layout.Pane;

public class CustomToggleSwitch extends Pane{
   int tick;

   public CustomToggleSwitch() {

      FXMLLoader loader=new FXMLLoader(getClass().getResource("CustomToggleSwitch.fxml"));
      loader.setRoot(this);
      loader.setController(this);

       try {
          loader.load();            
       } catch (IOException e) {
          e.printStackTrace();
     }
  }

  @FXML 
  public void click(ActionEvent actionEvent){
     System.out.println(tick++);
  }
}

按钮在GUI上成功显示，按钮点击也被检测到。按钮在输出控制台上显示0,1,2,3..etc。但测试没有在屏幕上打印出来。

如何在应用程序控制器类中检测按钮按下？有人可以帮助我解决此问题。

非常感谢所有人。

Answer 1

使用组件中的getter和setter添加listener属性控制器。

Jai的例子是正确的，但与javafx的其他组件不一致。为了正确实现，使用可以在FXML和手动模式下操作的属性是合适的。

这是添加了onMyAction属性的用户组件控制器。此属性用于事件通知。

public class CustomToggleSwitch extends Pane {

    private ObjectProperty<EventHandler<ActionEvent>> onMyAction = new SimpleObjectProperty<EventHandler<ActionEvent>>();

    public CustomToggleSwitch() {
        FXMLLoader loader = new FXMLLoader();
        loader.setLocation(getClass().getResource("/sample/CustomToggleSwitch.fxml"));
        loader.setRoot(this);
        loader.setController(this);

        try {
            loader.load();
        }
        catch (IOException e) {
            e.printStackTrace();
        }
    }

    @FXML
    private void initialize() {

    }

    @FXML
    private void click(ActionEvent event) {
        if(onMyAction.get() != null) {
            onMyAction.get().handle(event);
        }
    }

    public EventHandler<ActionEvent> getOnMyAction() {
        return onMyAction.get();
    }

    public ObjectProperty<EventHandler<ActionEvent>> onMyActionProperty() {
        return onMyAction;
    }

    public void setOnMyAction(EventHandler<ActionEvent> onMyAction) {
        this.onMyAction.set(onMyAction);
    }
}

使用这样的结构化组件，可以通过FXML添加onMyAction属性，例如

<AnchorPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" >
    <CustomToggleSwitch onMyAction="#testHandler"/>
</AnchorPane>

public class Controller {

    @FXML
    private void testHandler(ActionEvent event) {

    }

}

或手动

<AnchorPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" >
    <CustomToggleSwitch fx:id="customToggleSwitch"/>
</AnchorPane>

public class Controller {

    @FXML
    private CustomToggleSwitch customToggleSwitch;

    @FXML
    private void initialize() {
        customToggleSwitch.setOnMyAction(event -> {

        });
    }

}

<强>更新

您不需要使用属性。使getter和setter可用就足以从fxml中使用它。（我没有遇到过将listerner添加到事件处理程序属性的情况。）

这是不使用Property

的转换

public class CustomToggleSwitch extends Pane {

    private EventHandler<ActionEvent> myEventHandler;

    public CustomToggleSwitch() {
        FXMLLoader loader = new FXMLLoader();
        loader.setLocation(getClass().getResource("/sample/CustomToggleSwitch.fxml"));
        loader.setRoot(this);
        loader.setController(this);

        try {
            loader.load();
        }
        catch (IOException e) {
            e.printStackTrace();
        }
    }

    @FXML
    private void initialize() {

    }

    @FXML
    private void click(ActionEvent event) {
        if(myEventHandler != null) {
            myEventHandler.handle(event);
        }
    }

    public EventHandler<ActionEvent> getOnMyAction() {
        return myEventHandler;
    }

    public void setOnMyAction(EventHandler<ActionEvent> onMyAction) {
        myEventHandler = onMyAction;
    }
}

Answer 2

这是因为onAction="#click"在CustomToggleSwitch.fxml中声明，因此FXMLLoader将在CustomToggleSwitch.java中查找click()。

在click()类中添加TestController不会做任何事情，因为test.fxml中没有onAction="#click"的任何节点。

CustomToggleSwitch中的Button与TestController类进行通信的一种方法是将事件中继。

public class CustomToggleSwitch extends Pane {
    // Same stuff

    private List<Runnable> onClickRunnables = new ArrayList<>();

    public final void addButtonOnClickRunnable(Runnable runnable) {
        Objects.requireNonNull(runnable);
        onClickRunnables.add(runnable);
    }

    @FXML 
    private void click(ActionEvent actionEvent){
        System.out.println(tick++);
        if (!onClickRunnables.isEmpty()) {
            onClickRunnables.forEach(r -> r.run());
        }
    }
}


public class TestController implements Initializable {
    // Give CustomToggleSwitch control an fx:id in FXML
    @FXML private CustomToggleSwitch customSwitch;

    @Override
    public void initialize(URL arg0, ResourceBundle arg1) {
        customSwitch.addButtonOnClickRunnable(this::click);
    }
}

另一种方法是公开Button中的CustomToggleSwitch。就个人而言，我建议不要这样做，因为保持隐藏“控件”的实现更为全面。

JavaFx自定义设计按钮单击检测使用的应用程序

2 个答案: