Swing Drag and Drop mit Objekten in einem Fenster.

[compuwurml]

Hallo liebes Forum,

ich und ein Freund versuchen für unser Koreanistik Studium einen Vokabeltrainer zu programmieren, der uns in Zukunft beim lernen helfen soll. Dazu haben wir uns (wahrscheinlich zu schnell) durch die Java Insel gelesen und stoßen dabei auf ein Problem.

Wir haben uns zuerst eine Klasse geschrieben, welche eine Vokabelkarte als Objekt beschreibt. Darunter verschiedene Instanz Variablen für Wort, Übersetzung, Merksatz, Redewendung usw. usf. Als Oberfläche benutzen wir Swing. Bislang ist alles wenig spektakulär, man wird nach dem Wort gefragt und wenn man das richtig eintippt (oder auch falsch) werden eben Dinge wie der Merksatz etc. angezeigt.

Nun dauert es aber zu lange die Wörter immer in eine Textbox zu schreiben und das ganze dann mit Button zu bestätigen.

Wir haben daher überlegt, dass man quasi eine Art Feld haben soll , in der mehrere Kreise (oder auch Rechteckte) aufploppen in der jeweils eine Vokabel steht. In der Mitte die Übersetzung, und links und Rechts am Rand jeweils verschiedene Vokabeln welche zutreffen könnten. Die außenstehenden Vokabeln soll man dann auf den mitteleren Kreis ziehen können um den Programm sein Ergebnis mitzuteilen.

Wir haben leider nur überhaupt keine Ahnung, ob man sowas mit Swing realisieren kann und was genau dafür in Frage kommen könnte.

Hat da jemand eine Idee?

Lg

 

[André Uhres]

Hallo compuwurml,

willkommen bei java-forum.org.

Ich würde einfach eine JList nehmen für die Vokabeln und ein JLabel für die Übersetzung. Wenn man dann eine Vokabel auswählt, kann gleich das Ergebnis angezeigt werden. Das geht einfacher und schneller als mit dem umständlichen Drag&Drop.

Gruß,
André

 

[compuwurml]

Ok Danke für den Vorschlag. Allerdings würde ich gerne erstmal meine Idee umsetzen. Einfach davon abzulassen ist generell unbefriedigend ...

Hat vielleicht noch jemand eine Idee wie sich das ganze mit dem Drag and Drop realisieren lassen würde? So schwierig kann das ja nicht zu implementieren sein(?).

Lg

 

[GUI-Programmer]

Vielleicht würde ja mal ne kleine Zeichung zur besseren Vorstellung helfen!

 

[compuwurml]

Vielleicht würde ja mal ne kleine Zeichung zur besseren Vorstellung helfen!

Gerne. Wir hatten uns das so vorgestellt:



(zum vergrößern draufklicken )

Lg

 

[GUI-Programmer]

OK, dann ist alles klar.
Mein Vorschlag:
Die unübersetzte Vokabel und die Übersetztungsvorschläge in Form von JLabels darstellen. All diese liegen auf ein JPanel mit NullLayout, auch wenn man das so gut wie nie verwenden sollte, würde es sich ausnahmsweise mal anbieten. Das JLabel in der mitte würde ich z.b. mit lblUnuebersetzt bennen (Variablennamen). Die Anderen JLabels werden in einer ArrayList<JLabel> abgespeichert. Falls du keine feste Anzahl an Übersetzungsvorschläge hast solltest du die ArrayList (und das JPanel) jedesmal leeren und mit den neuen JLabels, die die Vorschläge repräsentieren, befüllen.
Natürlich braucht jedes deiner äuseren JLabels einen Mouse- und einen MouseMotionListener. Der theoretische Teil:

Wenn der Benutzer nun auf eines der äuseren JLabel klickt (die Maus geklickt hält), kann er es auf das mittlere ziehen (per mouseDragged()). Wenn nun der Text des JLabels mit der Übersetzung übereinstimmt, dann ist alles in Ordnung und die nächste Vokabel kann angezeigt werden. Möglicher Ablauf wenn dem nicht so ist: Das JLabel bewegt sich beim loslassen der Maus wieder auf seine Ausgansposition zurück.

Beispiele zu Drag & Drop gibts ja genug (z.B hier im Forum)!

 

[compuwurml]

Danke dir, das werden wir kommendes Wochenende mal ausprobieren !

 

[GUI-Programmer]

Hier noch nen kleines (!!!) Test-Applet:

import java.awt.Color;
import javax.swing.UIManager;

public class Mein_JApplet01 extends javax.swing.JApplet {
    private javax.swing.JMenuBar mBar_Menueleiste;
    private javax.swing.JMenu m_datei;
    private javax.swing.JMenu m_bearbeiten;
    private javax.swing.JMenu m_einstellungen;
    private javax.swing.JMenu m_hilfe;
    private javax.swing.JMenuItem mItem_dateiDrucken;
    private javax.swing.JMenuItem mItem_dateiOeffnen;
    private javax.swing.JMenuItem mItem_dateiSchliessen;
    private javax.swing.JMenuItem mItem_dateiSpeichern;
    private javax.swing.JToolBar ToolBar01;
    private javax.swing.JTextField tf_textfeld01;
    private javax.swing.JButton b_Knopf01;
    private javax.swing.JLabel lab_bild01;
    private javax.swing.JLabel lab_audiLogo;
    
    int h=100;
    
    boolean
    bildAngeklickt=false;
    
    
    
    public void init() {
        try {
            java.awt.EventQueue.invokeAndWait(new Runnable() {
                public void run() {
                    try { UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName()); }
                    catch(Exception ex) { }
                    initComponents();
                    setSize(800,600);
                    //addMouseMotionListener(new MausBewegung(Mein_JApplet01.this));
                }
            });
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }

    private void initComponents() {

        /** Initialisierung der Komponenten: */
        mBar_Menueleiste = new javax.swing.JMenuBar();
        m_datei = new javax.swing.JMenu();
        m_bearbeiten = new javax.swing.JMenu();
        m_einstellungen = new javax.swing.JMenu();
        m_hilfe = new javax.swing.JMenu();
        mItem_dateiOeffnen = new javax.swing.JMenuItem();
        mItem_dateiSpeichern = new javax.swing.JMenuItem();
        mItem_dateiDrucken = new javax.swing.JMenuItem();
        mItem_dateiSchliessen = new javax.swing.JMenuItem();
        ToolBar01 = new javax.swing.JToolBar();
        tf_textfeld01 = new javax.swing.JTextField();
        b_Knopf01 = new javax.swing.JButton();
        lab_bild01 = new javax.swing.JLabel();
        lab_audiLogo = new javax.swing.JLabel();
        
        int
        width=getContentPane().getWidth(),
        height=getContentPane().getHeight();
        
        addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(java.awt.event.MouseEvent evt) {
                formMousePressed(evt);
            }
            public void mouseReleased(java.awt.event.MouseEvent evt) {
                formMouseReleased(evt);
            }
        });
        
        addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                formMouseDragged(evt);
            }
            public void mouseMoved(java.awt.event.MouseEvent evt) {
                formMouseMoved(evt);
            }
        });

        getContentPane().setLayout(null);
        getContentPane().setBackground(java.awt.Color.lightGray);
        
        /** Die Menüleiste: */
        //Die Menüleiste (an sich):
        mBar_Menueleiste.setInheritsPopupMenu(true);
        mBar_Menueleiste.add(m_datei);
           ///Das Menü Datei:
            m_datei.setText("Datei");
            m_datei.add(mItem_dateiSpeichern);
               ///Das Menüitem Datei speichern:
                mItem_dateiSpeichern.setText("Datei speichern");
            m_datei.add(mItem_dateiOeffnen);
               ///Das Menüitem Datei öffnen:
                mItem_dateiOeffnen.setText("Datei öffnen");
                mItem_dateiOeffnen.addActionListener(new java.awt.event.ActionListener() {
                    public void actionPerformed(java.awt.event.ActionEvent evt) {
                        mItem_dateiOeffnenActionPerformed(evt);
                    }
                });
            m_datei.add(mItem_dateiDrucken);
               ///Das Menüitem Datei drucken:
                mItem_dateiDrucken.setText("Datei drucken");
            m_datei.add(mItem_dateiSchliessen);
               ///Das Menüitem Datei schließen:
                mItem_dateiSchliessen.setText("Datei schließen");
                
        mBar_Menueleiste.add(m_bearbeiten);
           ///Das Menü Bearbeiten:
            m_bearbeiten.setText("Bearbeiten");
            
        mBar_Menueleiste.add(m_einstellungen);
           ///Das Menü Einstellungen:
            m_einstellungen.setText("Einstellungen");
            
        mBar_Menueleiste.add(m_hilfe);
           ///Das Menü Hilfe:
            m_hilfe.setText("Hilfe");
        
        setJMenuBar(mBar_Menueleiste);

        /** Die ToolBar: */
        ToolBar01.setBackground(new java.awt.Color(188, 245, 225));
        ToolBar01.setRollover(true);
        getContentPane().add(ToolBar01);
        ToolBar01.setBounds(0, 0, 884, 25);
        
        /** Das Textfeld */
        tf_textfeld01.setText("Textfeld01");
        tf_textfeld01.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                tf_textfeld01ActionPerformed(evt);
            }
        });
        getContentPane().add(tf_textfeld01);
        tf_textfeld01.setBounds(134, 38, 100, 25);
        
        /** Der Knopf: */
        b_Knopf01.setText("Knopf01");
        b_Knopf01.setBorderPainted(false);
        b_Knopf01.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                b_Knopf01ActionPerformed(evt);
            }
        });
        getContentPane().add(b_Knopf01);
        b_Knopf01.setBounds(260, 340, 79, 25);
        
        /** Das Label des 1.Bildes */
        getContentPane().add(lab_bild01);
        lab_bild01.setOpaque(true);
        lab_bild01.setBackground(Color.RED);
        lab_bild01.setBounds(500, 340, 85, 52);
        lab_bild01.setVisible(true);
        
    }

    private void tf_textfeld01ActionPerformed(java.awt.event.ActionEvent evt) {                                         
        // TODO add your handling code here:
    }                                        

    private void mItem_dateiOeffnenActionPerformed(java.awt.event.ActionEvent evt) {                                              
        // TODO add your handling code here:
    }
    
    private void b_Knopf01ActionPerformed(java.awt.event.ActionEvent evt) {
        boolean bol;
        bol=true;
        if(bol) {
            m_datei.setText("DATEI");
            showStatus("Datei wurde zu DATEI");
            bol=false;
        }    
    }
    
    private void formMousePressed(java.awt.event.MouseEvent evt) {
        int mausX = evt.getX();
        int mausY = evt.getY()-25;
        double labX = lab_bild01.getBounds().getX();
        double labY = lab_bild01.getBounds().getY();
        int labW = lab_bild01.getWidth();
        int labH = lab_bild01.getHeight();
        if((mausX>=labX)&&(mausX<=labX+lab_bild01.getWidth())
          &&(mausY>=labY)&&(mausY<=labY+lab_bild01.getHeight())) {
              bildAngeklickt=true;
        }
    }
    
    private void formMouseReleased(java.awt.event.MouseEvent evt) {
        bildAngeklickt=false;
    }
    
    private void formMouseMoved(java.awt.event.MouseEvent evt) {
        showStatus("Position des Bildes:  ("+lab_bild01.getBounds().getX()+"|"+lab_bild01.getBounds().getY()+")");
    }
    
    private void formMouseDragged(java.awt.event.MouseEvent evt) {
        int mausX = evt.getX();
        int mausY = evt.getY()-15;
        double labX = lab_bild01.getBounds().getX();
        double labY = lab_bild01.getBounds().getY();
        int labW = lab_bild01.getWidth();
        int labH = lab_bild01.getHeight();
        boolean bol;
        bol=true;
        if(bildAngeklickt==true) {
            showStatus("Das Bild wird bewegt (per DRAG & DROP)");
            lab_bild01.setBounds(mausX-(labW/2), mausY-(labH/2)-10, labW, labH);
        }  
    }
}

 

[compuwurml]

Vielen Dank! Die ganze Schreibarbeit hättest du dir aber wirklich nicht machen brauchen. Das wird uns sicher zum Verständnis weiterhelfen !

Liebe Grüße

compuwurml

 

[GUI-Programmer]

Vielen Dank! Die ganze Schreibarbeit hättest du dir aber wirklich nicht machen brauchen. Das wird uns sicher zum Verständnis weiterhelfen !

Liebe Grüße

compuwurml

P.S. Ich hab mir die Schreibarbeit bereits schon einige Zeit vorher gemacht, nicht speziell deswegen!!!