MVC-使用Swing与JavaFX实现

我有一个宠物项目，这是一个2D游戏引擎。 在创建了所有后端功能之后，我想为它实现一个UI。 我目前的计划是通过MVC实现这一点，因为我觉得这是最可行的方式，先实现逻辑，然后实现UI。 现在，我不确定如何使用Swing或JavaFX设计/实现这一功能，因为我还不完全理解这两种功能的基本概念。

---

有人能给我描述一下如何用Swing或JavaFX实现MVC吗？

你可以有一个通用的模型，可以被不同的视图使用。 为了演示它，让我们首先介绍一个可用于收听此类模型的界面：

//Interface implemented by SwingView and used by Model
interface Observer {
    void observableChanged();
}

考虑一个非常简单的模型，只有一个属性：介于0和某个最大值之间的整数值：

//Generic model. Not dependent on the GUI tool kit. Use by Swing as well as JAvaFX
class Model {

    private int value;
    private static final int MAX_VALUE = 100;
    private Observer observer;

    int getValue(){
        return value;
    }

    void setValue(int value){
        this.value = Math.min(MAX_VALUE, Math.abs(value));
        notifyObserver();
    }

    int getMaxValue() {
        return MAX_VALUE;
    }

    //-- handle observers

    void setObserver(Observer observer) {
        this.observer = observer;
    }

    private void notifyObserver() {
        if(observer != null) {
            observer.observableChanged();
        }
    }
}

请注意，当值更改时，模型调用observer.observeChanged。 现在，让我们将此模型与显示随机数的Swing gui一起使用：

import java.awt.*;
import java.util.Random;
import javax.swing.*;

//Swing app, using a generic model
public class SwingMVC {

    public static void main(String[] args) {
        new SwingController();
    }
}

//SwingController of the MVC pattern."wires" model and view (and in this case also worker)
class SwingController{

    public SwingController() {
        Model model = new Model();
        SwingView swingView = new SwingView(model);
        model.setObserver(swingView); //register view as an observer to model
        update(model);
    }

    //change model
    private void update(Model model) {
        Random rnd = new Random();
        //use swing timer so the change is performed on the Event Dispatch Thread
        new Timer(1000,(e)-> model.setValue(1+rnd.nextInt(model.getMaxValue()))).start();
    }
}

//view of the MVC pattern. Implements observer to respond to model changes
class SwingView implements Observer{

    private final Model model;
    private final JLabel label;

    public SwingView(Model model) {

        this.model = model;
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setLocationByPlatform(true);
        frame.setLayout(new GridBagLayout());
        label = new JLabel(" - ");
        label.setFont(new Font(label.getFont().getName(), Font.PLAIN, 48));
        label.setHorizontalTextPosition(SwingConstants.CENTER);
        frame.add(label);
        frame.pack();
        frame.setVisible(true);
    }

    @Override
    public void observableChanged() {
        //update text in response to change in model
        label.setText(String.format("%d",model.getValue()));
    }
}

我们可以使用完全相同的模型，并通过JavaFx gui实现相同的功能：

另一方面，您可以有一个更具体的模型，用于特定的工具包，并通过使用该工具包中的某些工具获得一些优势。 例如，使用JavaFx属性创建的模型，在本例中为SimpleIntegerProperty，它简化了监听模型更改，但没有使用Observer接口：

import java.util.Random;
import javafx.animation.PauseTransition;
import javafx.application.Application;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.value.ChangeListener;
import javafx.scene.*;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.scene.text.Font;
import javafx.stage.Stage;
import javafx.util.Duration;

//JavaFa app, using a JavaFx model
public class FxApp extends Application{

    @Override
    public void start(Stage primaryStage) throws Exception {

        FxController fxController = new FxController();
        Scene scene = new Scene(fxController.getParent());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(null);
    }
}

class FxAppController{

    private final FxAppView view;

    FxAppController() {
        FxAppModel model = new FxAppModel();
        view = new FxAppView(model);
        update(model);
    }

    //change model
    private void update(FxAppModel model) {
        Random rnd = new Random();
        //use javafx animation tools so the change is performed on the JvaxFx application thread
        PauseTransition pt = new PauseTransition(Duration.seconds(1));
        pt.play();
        pt.setOnFinished(e->{
            model.setValue(1+rnd.nextInt(model.getMaxValue()));
            pt.play();
        });
    }

    Parent getParent(){
        return view;
    }
}

//View does not need to implement listener
class FxAppView extends StackPane{

    public FxAppView(FxAppModel model) {
        Label label = new Label(" - ");
        label.setFont(new Font(label.getFont().getName(), 48));
        getChildren().add(label);
        model.getValue().addListener((ChangeListener<Number>) (obs, oldV, newV) -> label.setText(String.format("%d",model.getValue())));
    }
}

//Model that uses JavaFx tools
class FxAppModel {

    private SimpleIntegerProperty valueProperty;
    private static final int MAX_VALUE = 100;

    SimpleIntegerProperty getValue(){
        return valueProperty;
    }

    void setValue(int value){
        valueProperty.set(value);
    }

    int getMaxValue() {
        return MAX_VALUE;
    }
}

Swing gui和JavaFx gui分别使用同一模型的不同实例：

---

.那么，关于动画，你建议哪一个？去Swing还是去JavaFX？你可能会觉得很有帮助。

import java.util.Random;
import javafx.animation.PauseTransition;
import javafx.application.Application;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.value.ChangeListener;
import javafx.scene.*;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.scene.text.Font;
import javafx.stage.Stage;
import javafx.util.Duration;

//JavaFa app, using a JavaFx model
public class FxApp extends Application{

    @Override
    public void start(Stage primaryStage) throws Exception {

        FxController fxController = new FxController();
        Scene scene = new Scene(fxController.getParent());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(null);
    }
}

class FxAppController{

    private final FxAppView view;

    FxAppController() {
        FxAppModel model = new FxAppModel();
        view = new FxAppView(model);
        update(model);
    }

    //change model
    private void update(FxAppModel model) {
        Random rnd = new Random();
        //use javafx animation tools so the change is performed on the JvaxFx application thread
        PauseTransition pt = new PauseTransition(Duration.seconds(1));
        pt.play();
        pt.setOnFinished(e->{
            model.setValue(1+rnd.nextInt(model.getMaxValue()));
            pt.play();
        });
    }

    Parent getParent(){
        return view;
    }
}

//View does not need to implement listener
class FxAppView extends StackPane{

    public FxAppView(FxAppModel model) {
        Label label = new Label(" - ");
        label.setFont(new Font(label.getFont().getName(), 48));
        getChildren().add(label);
        model.getValue().addListener((ChangeListener<Number>) (obs, oldV, newV) -> label.setText(String.format("%d",model.getValue())));
    }
}

//Model that uses JavaFx tools
class FxAppModel {

    private SimpleIntegerProperty valueProperty;
    private static final int MAX_VALUE = 100;

    SimpleIntegerProperty getValue(){
        return valueProperty;
    }

    void setValue(int value){
        valueProperty.set(value);
    }

    int getMaxValue() {
        return MAX_VALUE;
    }
}