जीयूआई एमवीसी को पुनर्लेखन के बाद काम नहीं कर रहा है


123

मैं MVC स्टाइल प्रोग्रामिंग का अभ्यास कर रहा हूं। मेरे पास एक एकल फ़ाइल में मास्टरमाइंड गेम है, ठीक काम कर रहा है (शायद इस तथ्य के अलावा कि "चेक" बटन शुरू में अदृश्य है)।

http://paste.pocoo.org/show/226726/

लेकिन जब मैंने इसे मॉडल, व्यू, कंट्रोलर फ़ाइलों में फिर से लिखा है - और जब मैं खाली पिन पर क्लिक करता हूं (जिसे अपडेट किया जाना चाहिए, और नए रंग से फिर से पेंट किया जाना चाहिए) - नोटिंग होता है। क्या कोई यहाँ कोई समस्या देख सकता है? मैंने विभिन्न स्थानों पर रिपेंट () रखने की कोशिश की है, लेकिन यह बस काम नहीं करता है: /

मुख्य :

public class Main { 
    public static void main(String[] args){
        Model model = new Model();
        View view = new View("Mastermind", 400, 590, model);
        Controller controller = new Controller(model, view); 
        view.setVisible(true);
    }
}

नमूना :

import java.util.Random;

public class Model{
    static final int
    LINE = 5,
    SCORE = 10, OPTIONS = 20;
    Pin pins[][] = new Pin[21][LINE];
    int combination[] = new int[LINE];
    int curPin = 0;
    int turn = 1;
    Random generator = new Random();
    int repaintPin;
    boolean pinsRepaint=false;
    int pinsToRepaint;
    boolean isUpdate = true, isPlaying = true, isRowFull = false;
    static final int HIT_X[] = {270,290,310,290,310}, HIT_Y[] = {506,496,496,516,516};

    public Model(){

        for ( int i=0; i < SCORE; i++ ){
            for ( int j = 0; j < LINE; j++ ){
                pins[i][j] = new Pin(20,0);
                pins[i][j].setPosition(j*50+30,510-i*50);
                pins[i+SCORE][j] = new Pin(8,0);
                pins[i+SCORE][j].setPosition(HIT_X[j],HIT_Y[j]-i*50);
            }
        }
        for ( int i=0; i < LINE; i++ ){
            pins[OPTIONS][i] = new Pin( 20, i+2 );
            pins[OPTIONS][i].setPosition( 370,i * 50 + 56);
        }

    }

    void fillHole(int color) {
        pins[turn-1][curPin].setColor(color+1);
        pinsRepaint = true;
        pinsToRepaint = turn;
        curPin = (curPin+1) % LINE;
        if (curPin == 0){
            isRowFull = true;
        }
        pinsRepaint = false;
        pinsToRepaint = 0;
    }

    void check() {
        int junkPins[] = new int[LINE], junkCode[] = new int[LINE];
        int pinCount = 0, pico = 0;

        for ( int i = 0; i < LINE; i++ ) {
            junkPins[i] = pins[turn-1][i].getColor();
            junkCode[i] = combination[i];
        }
        for ( int i = 0; i < LINE; i++ ){
            if (junkPins[i]==junkCode[i]) {
                pins[turn+SCORE][pinCount].setColor(1);
                pinCount++;
                pico++;
                junkPins[i] = 98;
                junkCode[i] = 99;
            }
        }
        for ( int i = 0; i < LINE; i++ ){
            for ( int j = 0; j < LINE; j++ )
                if (junkPins[i]==junkCode[j]) {
                    pins[turn+SCORE][pinCount].setColor(2);
                    pinCount++;
                    junkPins[i] = 98;
                    junkCode[j] = 99;
                    j = LINE;
            }
        }
        pinsRepaint = true;
        pinsToRepaint = turn + SCORE;
        pinsRepaint = false;
        pinsToRepaint=0;

        if ( pico == LINE ){
            isPlaying = false;
        }
        else if ( turn >= 10 ){
                isPlaying = false;
        }
        else{
            curPin = 0;
            isRowFull = false;
            turn++;
        }
    }

    void combination() {
        for ( int i = 0; i < LINE; i++ ){
          combination[i] = generator.nextInt(6) + 1;
        }
    }
}

class Pin{
    private int color, X, Y, radius;

    public Pin(){
        X = 0; Y = 0; radius = 0; color = 0;
    }

    public Pin( int r,int c ){
        X = 0; Y = 0; radius = r; color = c;
    }

    public int getX(){
        return X;
    }

    public int getY(){
        return Y;
    }

    public int getRadius(){
        return radius;
    }

    public void setRadius(int r){
        radius = r;
    }

    public void setPosition( int x,int y ){
        this.X = x ;
        this.Y = y ;
    }
    public void setColor( int c ){
        color = c;
    }
    public int getColor() {
        return color;
    }
}

राय:

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

public class View extends Frame{  
    Model model;
    JButton checkAnswer;
    private JPanel button;
    private static final Color COLORS[] = {Color.black, Color.white, Color.red, Color.yellow, Color.green, Color.blue, new Color(7, 254, 250)};

    public View(String name, int w, int h, Model m){
        model = m;
        setTitle( name );
        setSize( w,h );
        setResizable( false );
        this.setLayout(new BorderLayout());

        button = new JPanel();
        button.setSize( new Dimension(400, 100));
        button.setVisible(true);
        checkAnswer = new JButton("Check");
        checkAnswer.setSize( new Dimension(200, 30));
        button.add( checkAnswer );
        this.add( button, BorderLayout.SOUTH);
        button.setVisible(true);
    }

    @Override
    public void paint( Graphics g ) {
        g.setColor( new Color(238, 238, 238));
        g.fillRect( 0,0,400,590);

        for ( int i=0; i < model.pins.length; i++ ) {
            paintPins(model.pins[i][0],g);
            paintPins(model.pins[i][1],g);
            paintPins(model.pins[i][2],g);
            paintPins(model.pins[i][3],g);
            paintPins(model.pins[i][4],g);
        }
    }

    @Override
    public void update( Graphics g ) {
        if ( model.isUpdate ) {
            paint(g);
        }
        else {
            model.isUpdate = true;
            paintPins(model.pins[model.repaintPin-1][0],g);
            paintPins(model.pins[model.repaintPin-1][1],g);
            paintPins(model.pins[model.repaintPin-1][2],g);
            paintPins(model.pins[model.repaintPin-1][3],g);
            paintPins(model.pins[model.repaintPin-1][4],g);
        }
    }

    void repaintPins( int pin ) {
        model.repaintPin = pin;
        model.isUpdate = false;
        repaint();
    }

    public void paintPins(Pin p, Graphics g ){
        int X = p.getX();
        int Y = p.getY();
        int color = p.getColor();
        int radius = p.getRadius();
        int x = X-radius;
        int y = Y-radius;

        if (color > 0){
            g.setColor( COLORS[color]);
            g.fillOval( x,y,2*radius,2*radius );
        }
        else{
            g.setColor( new Color(238, 238, 238) );
            g.drawOval( x,y,2*radius-1,2*radius-1 );
        }
        g.setColor( Color.black );
        g.drawOval( x,y,2*radius,2*radius );
    }
}

नियंत्रक:

import java.awt.*;
import java.awt.event.*;

public class Controller implements MouseListener, ActionListener { 
    private Model model;
    private View view;

    public Controller(Model m, View v){ 
        model = m;
        view = v;

        view.addWindowListener( new WindowAdapter(){
            public void windowClosing(WindowEvent e){
            System.exit(0);
        } });
        view.addMouseListener(this);
        view.checkAnswer.addActionListener(this);
        model.combination();
    }

    public void actionPerformed( ActionEvent e ) {
        if(e.getSource() == view.checkAnswer){
            if(model.isRowFull){
                model.check();
            }
        }
    }

    public void mousePressed(MouseEvent e) {
        Point mouse = new Point();

        mouse = e.getPoint();
        if (model.isPlaying){
            if (mouse.x > 350) {
                int button = 1 + (int)((mouse.y - 32) / 50);
                if ((button >= 1) && (button <= 5)){
                    model.fillHole(button);
                    if(model.pinsRepaint){
                        view.repaintPins( model.pinsToRepaint );
                    }
                }
            }
        }
    }

    public void mouseClicked(MouseEvent e) {}
    public void mouseReleased(MouseEvent e){}
    public void mouseEntered(MouseEvent e) {}
    public void mouseExited(MouseEvent e)  {}
}

5
दोनों पुराने और नए कोड में AWT और स्विंग घटकों को मिलाने से संबंधित समस्याएं हैं। यह भी देखें stackoverflow.com/questions/2687871
trashgod

तो कोई अद्यतन के साथ समस्या यह कारण हो सकता है?
trevor_nise


मैंने जोड़ा है और उदाहरण है कि आपके रीडिज़ाइन का मार्गदर्शन कर सकता है।
ट्रैशगॉड

जवाबों:


147

जैसा कि आपने खोजा है, मॉडल-व्यू-कंट्रोलर पैटर्न कोई रामबाण नहीं है, लेकिन यह कुछ फायदे प्रदान करता है। एमवीसी में निहित , स्विंग स्विंगेबल मॉडल आर्किटेक्चर की चर्चा ए स्विंग आर्किटेक्चर अवलोकन में की जाती हैइस रूपरेखा के आधार पर , निम्न उदाहरण एक बहुत सरल खेल के एमवीसी कार्यान्वयन को दर्शाता है जो समान सिद्धांतों को दर्शाता है। ध्यान दें कि Modelएक एकल Piece, यादृच्छिक पर चुना गया है। उपयोगकर्ता के चयन के जवाब में, विधि को Viewआमंत्रित करता check()है, जबकि इसके Modelमाध्यम से प्रतिक्रिया के लिए सुन रहा है update()Viewतब से प्राप्त जानकारी का उपयोग कर स्वयं को अपडेट Model। इसी तरह, Controllerहो सकता reset()हैModel। विशेष रूप से, इसमें कोई ड्रॉइंग नहीं है Modelऔर न ही कोई गेम लॉजिक है View। यह कुछ अधिक जटिल खेल समान अवधारणाओं को चित्रित करने के लिए डिज़ाइन किया गया था।

परिशिष्ट: मैंने यह दिखाने के लिए मूल उदाहरण को संशोधित किया है कि एमवीसी किस तरह Viewकी प्रकृति को बदलने के बिना किसी को बढ़ाने की अनुमति देता है Model

परिशिष्ट: जैसा कि @akf देखता है, MVC पर्यवेक्षक पैटर्न पर टिका है । परिवर्तनों की Modelसूचना देने के लिए आपकी ज़रूरत है View। कई तरीकों का व्यापक रूप से उपयोग किया जाता है:

  • नीचे दिए गए उदाहरण में, सादगी के लिए Modelफैली हुई Observableहै।

  • एक अधिक सामान्य दृष्टिकोण एक का उपयोग करता है EventListenerList, जैसा कि Converterआवेदन में दिखाया गया है और बड़ी संख्या में EventListenerउप-केंद्रों और कार्यान्वयन कक्षाओं द्वारा सुझाया गया है ।

  • एक तीसरा विकल्प ए का उपयोग करना है PropertyChangeListener, जैसा कि यहां और यहां दिखाया गया है

परिशिष्ट: स्विंग नियंत्रकों के बारे में कुछ सामान्य प्रश्न यहां और यहां दिए गए हैं

स्क्रीन कैप्चर

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.util.Observable;
import java.util.Observer;
import java.util.Random;
import javax.swing.Icon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

/**
 * @see https://stackoverflow.com/q/3066590/230513
 * 15-Mar-2011 r8 /programming/5274962
 * 26-Mar-2013 r17 per comment
 */
public class MVCGame implements Runnable {

    public static void main(String[] args) {
        EventQueue.invokeLater(new MVCGame());
    }

    @Override
    public void run() {
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.add(new MainPanel());
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    }
}

class MainPanel extends JPanel {

    public MainPanel() {
        super(new BorderLayout());
        Model model = new Model();
        View view = new View(model);
        Control control = new Control(model, view);
        JLabel label = new JLabel("Guess what color!", JLabel.CENTER);
        this.add(label, BorderLayout.NORTH);
        this.add(view, BorderLayout.CENTER);
        this.add(control, BorderLayout.SOUTH);
    }
}

/**
 * Control panel
 */
class Control extends JPanel {

    private Model model;
    private View view;
    private JButton reset = new JButton("Reset");

    public Control(Model model, View view) {
        this.model = model;
        this.view = view;
        this.add(reset);
        reset.addActionListener(new ButtonHandler());
    }

    private class ButtonHandler implements ActionListener {

        @Override
        public void actionPerformed(ActionEvent e) {
            String cmd = e.getActionCommand();
            if ("Reset".equals(cmd)) {
                model.reset();
            }
        }
    }
}

/**
 * View
 */
class View extends JPanel {

    private static final String s = "Click a button.";
    private Model model;
    private ColorIcon icon = new ColorIcon(80, Color.gray);
    private JLabel label = new JLabel(s, icon, JLabel.CENTER);

    public View(Model model) {
        super(new BorderLayout());
        this.model = model;
        label.setVerticalTextPosition(JLabel.BOTTOM);
        label.setHorizontalTextPosition(JLabel.CENTER);
        this.add(label, BorderLayout.CENTER);
        this.add(genButtonPanel(), BorderLayout.SOUTH);
        model.addObserver(new ModelObserver());
    }

    private JPanel genButtonPanel() {
        JPanel panel = new JPanel();
        for (Piece p : Piece.values()) {
            PieceButton pb = new PieceButton(p);
            pb.addActionListener(new ButtonHandler());
            panel.add(pb);
        }
        return panel;
    }

    private class ModelObserver implements Observer {

        @Override
        public void update(Observable o, Object arg) {
            if (arg == null) {
                label.setText(s);
                icon.color = Color.gray;
            } else {
                if ((Boolean) arg) {
                    label.setText("Win!");
                } else {
                    label.setText("Keep trying.");
                }
            }
        }
    }

    private class ButtonHandler implements ActionListener {

        @Override
        public void actionPerformed(ActionEvent e) {
            PieceButton pb = (PieceButton) e.getSource();
            icon.color = pb.piece.color;
            label.repaint();
            model.check(pb.piece);
        }
    }

    private static class PieceButton extends JButton {

        Piece piece;

        public PieceButton(Piece piece) {
            this.piece = piece;
            this.setIcon(new ColorIcon(16, piece.color));
        }
    }

    private static class ColorIcon implements Icon {

        private int size;
        private Color color;

        public ColorIcon(int size, Color color) {
            this.size = size;
            this.color = color;
        }

        @Override
        public void paintIcon(Component c, Graphics g, int x, int y) {
            Graphics2D g2d = (Graphics2D) g;
            g2d.setRenderingHint(
                RenderingHints.KEY_ANTIALIASING,
                RenderingHints.VALUE_ANTIALIAS_ON);
            g2d.setColor(color);
            g2d.fillOval(x, y, size, size);
        }

        @Override
        public int getIconWidth() {
            return size;
        }

        @Override
        public int getIconHeight() {
            return size;
        }
    }
}

/**
 * Model
 */
class Model extends Observable {

    private static final Random rnd = new Random();
    private static final Piece[] pieces = Piece.values();
    private Piece hidden = init();

    private Piece init() {
        return pieces[rnd.nextInt(pieces.length)];
    }

    public void reset() {
        hidden = init();
        setChanged();
        notifyObservers();
    }

    public void check(Piece guess) {
        setChanged();
        notifyObservers(guess.equals(hidden));
    }
}

enum Piece {

    Red(Color.red), Green(Color.green), Blue(Color.blue);
    public Color color;

    private Piece(Color color) {
        this.color = color;
    }
}

1
@trevor_nise: मैंने ऊपर का उदाहरण अपडेट किया है। संशोधनों की तुलना करना आपको उपयोगी लग सकता है।
ट्रैशगॉड

2
किसी के लिए जो जिज्ञासु फाउलर है, ने 2006 में निम्नलिखित लेख डाला: martinfowler.com/eaaDev/SeparatedPresentation.html
जेम्स पी।


20
शानदार उत्तर, लेकिन यह मुझे थोड़ा अजीब लगता है कि जेपीनेल को विरासत में मिला एक नियंत्रक और मुख्य पैनल में जोड़ा जा रहा है। क्या नियंत्रक कुछ तार्किक नहीं माना जाता है और इस प्रकार दिखाई नहीं देता है? मैं क्या खो रहा हूँ?
मिगेलकोबैन

1
@ मिगुएलकोबैन: अच्छा अवलोकन; मैं यह बताना चाहता था कि नियंत्रक उस दृश्य के अलग कार्यान्वयन के माध्यम से दृश्य और मॉडल दोनों को कैसे बदल सकता है जिसमें बटन एक दृश्य और मॉडल को जोड़ता है। Controlकी कोई विधि नहीं है JPanel, इसलिए एक स्थिर कारखाना बेहतर हो सकता है।
ट्रैशगोड

20

जब स्विंग के माध्यम से देख रहे हैं, तो एक तरीका है कि डिजाइनर लगातार अपने एमवीसी कार्यान्वयन में व्यू घटकों को अपडेट करने का काम करते हैं, ऑब्जर्वर / ऑब्जर्वेबल कॉलबैक के माध्यम से है। एक उदाहरण में देखा जा सकता है AbstractTableModel, जिसमें कई तरह के fireTable*Changed/Updated/etcतरीके हैं जो TableModelListenerमॉडल के अपने सभी पर्यवेक्षकों को मॉडल के लिए सचेत करेंगे ।

आपके पास एक विकल्प यह है कि आप अपनी Modelकक्षा में एक श्रोता प्रकार जोड़ें , और फिर अपने मॉडल के राज्य में किसी भी मॉड के पंजीकृत पर्यवेक्षकों को सूचित करें। आपका Viewएक श्रोता होना चाहिए, और यह एक अद्यतन प्राप्त होने पर खुद को फिर से रंगना चाहिए।

संपादित करें: +1 से ट्रैशगॉड। इस स्पष्टीकरण के लिए एक वैकल्पिक शब्द पर विचार करें।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.