孩子GUI组件应该如何访问他们的父母(与MVC)?(How should child GUI com

2019-10-29 07:10发布

比方说,我在构建Java Swing GUI的,和我有包含面板,包含另一个面板,其中包含一个按钮的框架。 (假设板是可重复使用的,所以我让他们到单独的类。)

Frame → FirstPanel → SecondPanel → Button

在现实中,孩子们的线可能更加复杂,但我只是想保持这个例子简单。

如果我想的按钮来控制它的父组件之一(例如,调整框架),什么是二GUI类,不一定是一个直接在另一间实现功能的最佳方式?

我不喜欢穿线的想法getParent()方法一起使用,或通过实例的Frame一路下跌,通过其子,以便它可以从访问SecondPanel 。 基本上,我不希望以菊花链我一起上课或那种方式。

这是一个实例,其中按钮应该被更新的模型,而不是直接父组件? 然后上级通知模型的变化和更新自身相应的?

我已经把应该编译和单独运行,说明我的问题一个小例子。 这是一个JPanel 2个Jbutton将在另一个JPanel中,在一个JFrame。 按钮控制JFrame的大小。

import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import java.util.ArrayList;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class MVCExample
{
    public static void main(String[] args)
    {
        Model model = new Model();

        Controller ctrl = new Controller();
        ctrl.registerModel(model);

        View view = new View(ctrl);
        view.setVisible(true);

        model.init();
    }

    /**
     * Model class
     */
    static class Model
    {
        private ArrayList<PropertyChangeListener> listeners =
                new ArrayList<PropertyChangeListener>();

        private Dimension windowSize;

        public Dimension getWindowSize(){ return windowSize; }

        public void setWindowSize(Dimension windowSize)
        {
            if(!windowSize.equals(getWindowSize()))
            {
                firePropertyChangeEvent(getWindowSize(), windowSize);
                this.windowSize = windowSize;
            }
        }

        public void init()
        {
            setWindowSize(new Dimension(400, 400));
        }

        public void addListener(PropertyChangeListener listener)
        {
            listeners.add(listener);
        }

        public void firePropertyChangeEvent(Object oldValue, Object newValue)
        {
            for(PropertyChangeListener listener : listeners)
            {
                listener.propertyChange(new PropertyChangeEvent(
                        this, null, oldValue, newValue));
            }
        }
    }

    /**
     * Controller class
     */
    static class Controller  implements PropertyChangeListener
    {
        private Model model;
        private View view;

        public void registerModel(Model model)
        {
            this.model = model;
            model.addListener(this);
        }

        public void registerView(View view)
        {
            this.view = view;
        }

        // Called from view
        public void updateWindowSize(Dimension windowSize)
        {
            model.setWindowSize(windowSize);
        }

        // Called from model
        public void propertyChange(PropertyChangeEvent pce)
        {
            view.processEvent(pce);
        }
    }

    /**
     * View classes
     */
    static class View extends JFrame
    {
        public View(Controller ctrl)
        {
            super("JFrame");

            ctrl.registerView(this);
            setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            getContentPane().add(new FirstPanel(ctrl));
            pack();
        }

        public void processEvent(PropertyChangeEvent pce)
        {
            setPreferredSize((Dimension)pce.getNewValue());
            pack();
        }
    }

    static class FirstPanel extends JPanel
    {
        public FirstPanel(Controller ctrl)
        {
            setBorder(BorderFactory.createTitledBorder(
                    BorderFactory.createLineBorder(
                    Color.RED, 2), "First Panel"));

            add(new SecondPanel(ctrl));
        }
    }

    static class SecondPanel extends JPanel
    {
        private Controller controller;
        private JButton smallButton = new JButton("400x400");
        private JButton largeButton = new JButton("800x800");

        public SecondPanel(Controller ctrl)
        {
            this.controller = ctrl;
            setBorder(BorderFactory.createTitledBorder(
                    BorderFactory.createLineBorder(
                    Color.BLUE, 2), "Second Panel"));

            add(smallButton);
            add(largeButton);

            smallButton.addActionListener(new ActionListener()
            {
                public void actionPerformed(ActionEvent ae)
                {
                    controller.updateWindowSize(new Dimension(400, 400));
                }
            });

            largeButton.addActionListener(new ActionListener()
            {
                public void actionPerformed(ActionEvent ae)
                {
                    controller.updateWindowSize(new Dimension(800, 800));
                }
            });
        }
    }
}

我不喜欢,是控制器需要在JFrame的存在,使得框架可以注册自己接收事件。 但是控制器于是具有一路被向下传递到SecondPanel(线112,131和143),使得面板可以与模型进行通信。

我觉得有一些效率低下会在这里(和阶级变得过于紧密耦合)。 让我知道如果我的问题不明确。

Answer 1:

在Swing中,所述控制器和视图通常属于UI代理,并且该模型是分开的。 视图可以构造部件的复杂分层结构来表示的模型,并且所述控制器对它们侦听是必要的。 该组件只是用于这两个部分联系在一起的各种记账。

因此,例如,在一个组合框,JComboBox可在您设定的UI和模型。 该ComboboxUI组装构成组合框的组件 - 渲染器或编辑器和按钮,以及弹出式和列表 - 并提供布局和可能为自定义的渲染。 这就是视图逻辑。 它还监听所有这些组件和修改模型为宜。 这是控制器的水平。 通过事件模型冒泡到部件的变化。

所以,在你的情况下,没有理由认为代码不能构建整个组件层次。 我将有模型为改变自己的属性按钮提供动作,然后有观点聆听该财产的变化和调整窗口大小:

class View implements PropertyChangeListener {
    JFrame frame;

    View(Model model) {
        model.addPropertyChangeListener(this);

        frame = new JFrame();

        List<Action> actions = model.getActions();

        JPanel panel = new JPanel();
        panel.setLayout(new GridLayout(1, actions.size()));

        for(Action action : actions) {
            panel.add(new JButton(action));
        }

        frame.getContentPane().add(panel);
        frame.pack();
        frame.setVisible(true);
    }

    public void propertyChange(PropertyChangeEvent evt) {
        frame.setSize((Dimension)evt.getNewValue())
    }
}

class Model {
    List<Action> actions = new ArrayList<Action>();
    Dimension dimension;

    Model() {
        actions.add(new DimensionAction(400, 400));
        actions.add(new DimensionAction(800, 800));
    }

    List<Action> getActions() {
        return Collections.unmodifiableList(actions);
    }

    void setDimension(Dimension newDimension) {
        Dimension oldDimension = this.dimension;
        this.dimension = newDimension;

        firePropertyChange("dimension", oldDimension, newDimension);
    }

    ... Property change support ...

    class DimensionAction extends AbstractAction {
        Dimension dimension;

        DimensionAction(int width, int height) {
            super(width + "x" + height);
            this.dimension = new Dimension(width, height);
        }

        @Override
        public void actionPerformed(ActionEvent e) {
            Model.this.dimension = dimension;
        }
    }
}


Answer 2:

如果你希望你的类保持解耦,你可以添加的ViewFactory负责处理所有的碎片连接在一起。 这样的事情可能工作:

static interface ViewFactory {
    View makeView(Controller c);
}

static class DefaultViewFactory implements ViewFactory {
    public View makeView(Controller c) {
        Button b = new Button();
        b.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                c.updateWindowSize(new Dimension(800, 600));
        });
        Panel2 p2 = new Panel2();
        p2.add(b);
        Panel1 p1 = new Panel1();
        p1.add(p2);
        View v = new View();
        v.add(p1);
        return v;
    }
}

然后,你必须在一个单独的地方所有的类链接在一起的代码,它可以在你的控制器,你的View实现独立变化。

HTH,



文章来源: How should child GUI components access their parents (with MVC)?