Java Swing disposition du Panneau de

Je suis en train de travailler sur un projet en Java pour le collège, qui nous concerne de la configuration d'un Serveur TCP et le Client. Je n'ai que le cadre de travail et maintenant, pour ajouter plus d'une idée pour mon projet, je veux ajouter une interface.

Nous n'avons pas commencé l'apprentissage sur les interfaces graphiques en Java encore. Cependant j'ai envie d'essayer car je pense qu'il serait un exercice utile. J'ai un très de base GUI mis en place et le ActionListener ensemble pour le bouton. Mon problème suivant est le positionnement de mes panneaux pour un look soigné et bien rangé sur le Cadre...

Pour le moment j'ai tous les composants d'un panneau, comme on le voit ci-dessous:

public ClientGUI(){

    //Initialise Frame
    frame = new JFrame("TCP Client");

    //Initialise Panel 1 & Components
    p1 = new JPanel();

    //Set Layout
    p1.setLayout(new GridLayout(1,2));

    //Label 1 - For TextArea
    l1 = new JLabel("Chat Log");
    p1.add(l1);

    //TextArea - To display conversation
    t1 = new JTextArea(10,10);
    p1.add(t1);

    //Label 2 - For TextField
    l2 = new JLabel("Message");
    p1.add(l2);

    //Message Box - For user input
    t2 = new JTextField(10);
    p1.add(t2);

    //Button 1 - To send message
    b1 = new JButton("Send");
    p1.add(b1);

    //Add panels to frame
    frame.add(p1);

    //Frame properties...
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(400,400);
    frame.setVisible(true);

    //Add Event listener to button
    b1.addActionListener(new ActionListener(){
        public void actionPerformed(ActionEvent ev){
            //do something
            t1.setText(t2.getText());
        }
    });

J'aimerais bien qu'il ressemble à quelque chose comme le rough filaire ci-dessous.

Java Swing disposition du Panneau de

J'avais apprécions tous les commentaires que n'importe qui pourrait avoir! Merci beaucoup.

Veuillez le mettre sur les codereview.stackexchange.com

OriginalL'auteur Javacadabra | 2012-10-26

  1. 3

    Ce que vous voulez est appelé le BoxLayout, qui se nourrit d'éléments d'INTERFACE utilisateur dans des colonnes ou des lignes. Et puis vous pouvez imbriquer l'un dans l'autre, par exemple, une boîte horizontale panneau de disposition comme un élément dans un autre qui est vertical (type de imbriquées comme des tableaux HTML). De sorte que tous vos éléments permettraient d'aller dans un top niveau vertical BoxLayout et la ligne qui a JLabel2 et component swing jtextfield serait son propre horizontale BoxLayout imbriquée dans le top niveau de la mise en page verticale. Ici est un bon tutoriel sur les gestionnaires de disposition et il comprend le BoxLayout.

    Merci beaucoup, qui a fait le travail! Tutoriel aswell!
    Vous êtes les bienvenus, heureux d'être de l'aide. Bon week-end!

    OriginalL'auteur amphibient

  2. 3

    Il existe de nombreuses façons différentes, et beaucoup de différents LayoutManagers à utiliser.
    Lire un peu plus sur eux ici:

    Voici un exemple que j'ai faite qui utilise GridBagLayout:

    Java Swing disposition du Panneau de

    //necessary imports
import java.awt.BorderLayout;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.UIManager;
import javax.swing.UIManager.LookAndFeelInfo;
public class Test {
/**
* Default constructor for Test.class
*/
public Test() {
initComponents();
}
public static void main(String[] args) {
/**
* Set look and feel of app
*/
try {
for (LookAndFeelInfo info : UIManager.getInstalledLookAndFeels()) {
if ("Nimbus".equals(info.getName())) {
UIManager.setLookAndFeel(info.getClassName());
break;
}
}
} catch (Exception e) {
//If Nimbus is not available, you can set the GUI to another look and feel.
}
/**
* Create GUI and components on Event-Dispatch-Thread
*/
javax.swing.SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
Test test = new Test();
}
});
}
/**
* Initialize GUI and components (including ActionListeners etc)
*/
private void initComponents() {
JFrame jFrame = new JFrame("Chat Test");
jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
jFrame.setResizable(false);
//Initialise Panel 1 & Components
JPanel p1 = new JPanel(new GridBagLayout());
JPanel p2 = new JPanel(new GridBagLayout());
//Label 1 - For TextArea
JLabel l1 = new JLabel("Chat Log");
//TextArea - To display conversation
final JTextArea t1 = new JTextArea(10, 10);
JScrollPane pane = new JScrollPane(t1);
//Label 2 - For TextField
JLabel l2 = new JLabel("Message");
//Message Box - For user input
final JTextField t2 = new JTextField(10);
//Button 1 - To send message
JButton b1 = new JButton("Send");
GridBagConstraints gc = new GridBagConstraints();
gc.fill = GridBagConstraints.HORIZONTAL;
gc.weightx = 1;
gc.gridx = 0;
gc.gridy = 0;
p1.add(l1, gc);
gc.gridx = 0;
gc.gridy = 1;
p1.add(pane, gc);
GridBagConstraints gc2 = new GridBagConstraints();
gc2.fill = GridBagConstraints.HORIZONTAL;
gc2.weightx = 1;
gc2.gridx = 0;
gc2.gridy = 0;
gc2.ipadx = 10;
p2.add(l2, gc2);
gc2.gridx = 1;
gc2.gridy = 0;
p2.add(t2, gc2);
gc2.gridx = 1;
gc2.gridy = 1;
p2.add(b1, gc2);
b1.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent ev) {
//do something
t1.setText(t2.getText());
}
});
jFrame.add(p1, BorderLayout.CENTER);
jFrame.add(p2, BorderLayout.SOUTH);
//pack frame (size JFrame to match preferred sizes of added components and set visible
jFrame.pack();
jFrame.setVisible(true);
}
}
    Merci s'accoupler, votre code, l'explique très bien!

    OriginalL'auteur David Kroukamp