Le positionnement des composants dans les Interfaces graphiques Swing

J'ai quelques questions sur le positionnement des composants et quelques questions sur les champs de texte et les zones de texte (Java Swing). Toute aide est grandement appréciée.

Droit maintenant, je suis en train d'avoir deux champs de texte à côté de l'autre avec une étiquette différente au-dessus de chaque décrivant ce que le champ de texte. Pour réaliser cela, je l'ai placé dans un GridLayout(2, 2).

Est-ce la meilleure façon de faire? C'est le seul moyen que je connais pour avoir une étiquette directement sur un autre composant. Est-il un meilleur moyen? Ce sujet s'il y a une étiquette au-dessus d'un bouton. Est-il raisonnable de cette position par le biais d'un GridLayout(2, 1)? Je suis malvoyant, donc je ne pense pas que le positionnement des boutons de par leur position d'un pixel est une option, sauf si il ya un moyen simple de placer les composants à un nombre relatif de pixels à un autre composant.
Qui m'amène à ma prochaine question.
Quel est le meilleur moyen d'avoir la même INTERFACE utilisateur que ci-dessus mais avec un autre composant (bouton) centré sous. Essentiellement, l'INTERFACE utilisateur doit composer de deux champs de texte avec un bouton calculer. La j'ai fait, c'est en mettant les éléments ci-dessus dans un panneau, et en ajoutant qu'en plus le bouton calculer pour un panneau avec un GridLayout(2, 1). Le problème est que le bouton devient aussi grand que le panneau au-dessus d'elle (je suppose). Comment puis-je régler cela et j'ai toujours le bouton parfaitement alignés sous le panneau de champs de texte/d'étiquettes? De la même façon avec les étiquettes au-dessus des zones de texte. L'étiquette doit être petite, mais avoir un espace plus grand pour la zone de texte.
(champ texte):
Faisant de nouveau référence à l'INTERFACE ci-dessus, si l'utilisateur tape un nombre de caractères dans le premier champ de texte, les lettres d'aller sur le champ de texte sur la droite? Si oui, comment puis-je éviter cela?
Si j'ai ajouter du texte à une zone de texte et il est déjà plein, il sera automatiquement permettre à l'utilisateur de faire défiler? Si non qu'est ce qu'un simple moyen de rendre la zone de texte déroulante?
Droit maintenant, je ne suis pas un paramètre de la taille de la zone de texte. Est-il juste de grandir comme je l'ai ajouter du texte? A-t-elle une taille par défaut comme dans nombre de caractères?

Toutes ces questions trouvent une réponse dans le Swing tutoriel. Voir docs.oracle.com/javase/tutorial/uiswing/layout/index.html et docs.oracle.com/javase/tutorial/uiswing/components/....

OriginalL'auteur Saad Attieh | 2012-12-26

9

Il y a un certain nombre de gestionnaires de disposition qui pourrait être capable de vous fournir ce dont vous avez besoin.
GridBagLayout Serait mon choix (je suis partial, comme je l'ai été en utilisant ce gestionnaire de mise en page pour les 12 dernières années ;))
```
public class TestLayout17 {
public static void main(String[] args) {
new TestLayout17();
}
public TestLayout17() {
EventQueue.invokeLater(new Runnable() {
@Override
public void run() {
try {
UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
} catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
}
JFrame frame = new JFrame("Testing");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new BorderLayout());
frame.add(new TestPane());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
});
}
public class TestPane extends JPanel {
public TestPane() {
setLayout(new GridBagLayout());
GridBagConstraints gbc = new GridBagConstraints();
gbc.gridx = 0;
gbc.gridy = 0;
gbc.insets = new Insets(2, 2, 2, 2);
add(new JLabel("Label 1"), gbc);
gbc.gridx++;
add(new JLabel("Label 2"), gbc);
gbc.gridx = 0;
gbc.gridy++;
gbc.fill = GridBagConstraints.HORIZONTAL;
add(new JTextField(10), gbc);
gbc.gridx++;
add(new JTextField(10), gbc);
gbc.gridx = 0;
gbc.gridy++;
gbc.fill = GridBagConstraints.NONE;
gbc.gridwidth = 2;
add(new JButton("Click"), gbc);
}
}
}
```
Je suis également d'accord avec Eng.Fouad la suggestion de l'utilisation de composés de conteneurs pour rendre votre vie plus facile dans le long terme

Vous pourriez trouver La pose des Composants Dans un Conteneur une peine de tout lire.

Ce sont de grands. Merci beaucoup! Quel est le champs de texte? Vont-ils se chevauchent? Vont-ils ajouter automatiquement de défilement
Grâce à ces dispositions paraissent extrêmement utile! Qu'en est textfields? Vont-ils se chevauchent? Vont-ils ajouter automatiquement de défilement
Non, ils ne se chevauchent pas, ils doivent toujours rester en il y la cellule. Component swing jtextfield est de fournir le défilement horizontal par défaut, pour le défilement vertical vous aurez besoin d'un JTextArea (ou l'équivalent) avec une JScollPane
excellent pour la zone de texte j'ai besoin de l'ajouter à un panneau défilant et qui va activer le défilement? Est ce que c'est?
Bien évidemment ajouter le volet de défilement vers le conteneur, mais yup

OriginalL'auteur MadProgrammer

Droit maintenant, je suis en train d'avoir deux champs de texte à côté de l'autre avec un
étiquette différente au-dessus de chaque décrivant ce que textfield. Pour
parvenir à cela, je l'ai placé dans un GridLayout(2, 2). Est-ce la
meilleure façon de faire? C'est le seul moyen que je connais pour avoir une étiquette directement sur
un autre composant. Est-il un meilleur moyen? Que dire si il est juste
une étiquette au-dessus d'un bouton. Est-il raisonnable de cette position par le biais d'un
GridLayout(2, 1)?

Moi-même, j'ai toujours le faire via les panneaux imbriqués avec BorderLayout. Par exemple:

Le positionnement des composants dans les Interfaces graphiques Swing

JFrame frame = new JFrame("The Title");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel panOuter = new JPanel(new BorderLayout());
JPanel panLeft = new JPanel(new BorderLayout());
panLeft.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panRight = new JPanel(new BorderLayout());
panRight.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
panOuter.add(panLeft, BorderLayout.WEST);
panOuter.add(panRight, BorderLayout.EAST);
JLabel lblLeft = new JLabel("Label 1", JLabel.CENTER);
JLabel lblRight = new JLabel("Label 2", JLabel.CENTER);
JTextField txtLeft = new JTextField(10);
JTextField txtLright = new JTextField(10);
panLeft.add(lblLeft, BorderLayout.NORTH);
panLeft.add(txtLeft, BorderLayout.CENTER);
panRight.add(lblRight, BorderLayout.NORTH);
panRight.add(txtLright, BorderLayout.CENTER);
frame.setContentPane(panOuter);
frame.pack();
frame.setVisible(true);

Notez que vous pouvez manipuler les écarts entre les composants avec réglage vide frontières. Vous pouvez aussi utiliser les BorderLayout.LINE_START et BorderLayout.LINE_END au lieu d'utiliser BorderLayout.WEST et BorderLayout.EAST, et cela va ajouter le support pour les langues RTL (e.g arabe).

Qui m'amène à ma prochaine question. Quelle est la meilleure façon d'avoir de l'
même INTERFACE utilisateur que ci-dessus mais avec un autre composant (bouton) centré sous.
Essentiellement, l'INTERFACE utilisateur doit composer de deux champs de texte avec une
bouton calculer. La j'ai fait, c'est en mettant au-dessus de la
les composants dans un panneau, et en ajoutant qu'en plus le bouton calculer pour un
entourant un panneau avec un GridLayout(2, 1). Le problème est que l'
le bouton devient aussi grand que le panneau au-dessus d'elle (je suppose). Comment puis-je
réglez ce et ont encore le bouton parfaitement alignés en vertu de la
panneau de textfields/étiquettes?

Je le ferais via les panneaux imbriqués comme je l'ai fait plus tôt, mais maintenant, le panneau de fond a un FlowLayout le gestionnaire de configuration pour obtenir une bonne taille pour le bouton:

Le positionnement des composants dans les Interfaces graphiques Swing

JFrame frame = new JFrame("The Title");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel panOuter = new JPanel(new BorderLayout());
JPanel panLeft = new JPanel(new BorderLayout());
panLeft.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panRight = new JPanel(new BorderLayout());
panRight.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panBottom = new JPanel(); //default is FlowLayout
panBottom.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
panOuter.add(panLeft, BorderLayout.WEST);
panOuter.add(panRight, BorderLayout.EAST);
panOuter.add(panBottom, BorderLayout.SOUTH);
JLabel lblLeft = new JLabel("Label 1", JLabel.CENTER);
JLabel lblRight = new JLabel("Label 2", JLabel.CENTER);
JTextField txtLeft = new JTextField(10);
JTextField txtLright = new JTextField(10);
JButton btnBottom = new JButton("Press it!");
panLeft.add(lblLeft, BorderLayout.NORTH);
panLeft.add(txtLeft, BorderLayout.CENTER);
panRight.add(lblRight, BorderLayout.NORTH);
panRight.add(txtLright, BorderLayout.CENTER);
panBottom.add(btnBottom);
frame.setContentPane(panOuter);
frame.pack();
frame.setVisible(true);

De la même façon avec les étiquettes au-dessus des zones de texte. L'étiquette doit être petite, mais
avoir un plus grand espace pour la zone de texte.

Je vous suggère d'utiliser TitledBorder:

Le positionnement des composants dans les Interfaces graphiques Swing

JFrame frame = new JFrame("The Title");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel panOuter = new JPanel(new BorderLayout());
JPanel panLeft = new JPanel(new BorderLayout());
panLeft.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panRight = new JPanel(new BorderLayout());
panRight.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panBottom = new JPanel(); //default is FlowLayout
panBottom.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panInput = new JPanel(new BorderLayout());
panInput.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panConsole = new JPanel(new BorderLayout());
Border outsideBorder = BorderFactory.createEmptyBorder(5, 5, 5, 5);
Border insideBorder = BorderFactory.createTitledBorder("The Console");
Border theBorder = BorderFactory.createCompoundBorder(outsideBorder, insideBorder);
panConsole.setBorder(theBorder);
panInput.add(panLeft, BorderLayout.WEST);
panInput.add(panRight, BorderLayout.EAST);
panInput.add(panBottom, BorderLayout.SOUTH);
panOuter.add(panInput, BorderLayout.NORTH);
panOuter.add(panConsole, BorderLayout.CENTER);
JLabel lblLeft = new JLabel("Label 1", JLabel.CENTER);
JLabel lblRight = new JLabel("Label 2", JLabel.CENTER);
JTextField txtLeft = new JTextField(10);
JTextField txtLright = new JTextField(10);
JButton btnBottom = new JButton("Press it!");
JTextArea txtConsole = new JTextArea(5, 10);
panLeft.add(lblLeft, BorderLayout.NORTH);
panLeft.add(txtLeft, BorderLayout.CENTER);
panRight.add(lblRight, BorderLayout.NORTH);
panRight.add(txtLright, BorderLayout.CENTER);
panBottom.add(btnBottom);
panConsole.add(txtConsole, BorderLayout.CENTER);
frame.setContentPane(panOuter);
frame.pack();
frame.setVisible(true);

tiers (champ texte): Encore une fois référence à l'INTERFACE ci-dessus, si l'utilisateur tape
le nombre de caractères dans le premier champ de texte, les lettres sont plus
le champ de texte sur la droite? Si oui, comment puis-je éviter cela?

Essayer le code ci-dessus, et de voir comment il agit 🙂

Quatrième: Si j'ai ajouter du texte à une zone de texte et il est déjà plein, elle
automatiquement, il permet à l'utilisateur de faire défiler? Si non, que c'est une façon simple
pour rendre la zone de texte déroulante?

Vous avez besoin d'utiliser quelque chose qui s'appelle JScrollPane:

Le positionnement des composants dans les Interfaces graphiques Swing

JFrame frame = new JFrame("The Title");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel panOuter = new JPanel(new BorderLayout());
JPanel panLeft = new JPanel(new BorderLayout());
panLeft.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panRight = new JPanel(new BorderLayout());
panRight.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panBottom = new JPanel(); //default is FlowLayout
panBottom.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panInput = new JPanel(new BorderLayout());
panInput.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
JPanel panConsole = new JPanel(new BorderLayout());
Border outsideBorder = BorderFactory.createEmptyBorder(5, 5, 5, 5);
Border insideBorder = BorderFactory.createTitledBorder("The Console");
Border theBorder = BorderFactory.createCompoundBorder(outsideBorder, insideBorder);
panConsole.setBorder(theBorder);
panInput.add(panLeft, BorderLayout.WEST);
panInput.add(panRight, BorderLayout.EAST);
panInput.add(panBottom, BorderLayout.SOUTH);
panOuter.add(panInput, BorderLayout.NORTH);
panOuter.add(panConsole, BorderLayout.CENTER);
JLabel lblLeft = new JLabel("Label 1", JLabel.CENTER);
JLabel lblRight = new JLabel("Label 2", JLabel.CENTER);
JTextField txtLeft = new JTextField(10);
JTextField txtLright = new JTextField(10);
JButton btnBottom = new JButton("Press it!");
JTextArea txtConsole = new JTextArea(5, 10);
JScrollPane srcPane = new JScrollPane(txtConsole,
JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED,
JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
panLeft.add(lblLeft, BorderLayout.NORTH);
panLeft.add(txtLeft, BorderLayout.CENTER);
panRight.add(lblRight, BorderLayout.NORTH);
panRight.add(txtLright, BorderLayout.CENTER);
panBottom.add(btnBottom);
panConsole.add(srcPane, BorderLayout.CENTER);
frame.setContentPane(panOuter);
frame.pack();
frame.setVisible(true);

J'espère que j'ai répondu à toutes vos questions 🙂

merci. J'ai utilisé java, mais pas du côté de la balançoire de choses donc, tout cela est extrêmement utile.

OriginalL'auteur Eng.Fouad

Vous devez vous connecter pour publier un commentaire.