I want to make this layout in java:
NORTH and SOUTH labels are easy to implement by BorderLayout. But The rest should be into the CENTER Location. So I tried to divide the CENTER into left and right grids, and divide the left grid into 3 different grids, but they dont stay where I want, also looks so complicated. Maybe there is an easier way.
Does anyone have any idea?
To solve the situation, what I did is something like this :
1. The content pane will have the BorderLayout, the top JLabel and
the bottom JLabel will go to their respective places using the
BorderLayout's PAGE_START and PAGE_END constraints. Now the
CENTER area is occupied by the BasePanel.
2. The BasePanel will have GridLayout (1 Rows, 2 Columns), with two
JPanel, left and right.
3. Here right JPanel will have a GridLayout (3 Rows, 1, Columns
, 10 HorizontalGap, 10 VerticalGap).
4. Left JPanel will have GridBagLayout with two JPanels one for
GRID 0, 0 and other for GRID 0, 1.
5. The JPanel at Grid 0, 0 will have GridBagLayout, for JTextField
and the JLabel.
6. The JPanel at Grid 0, 1 will have BorderLayout one for
JTextArea and one for another JPanel with GridLayout having
2 JRadioButtons.
Here is the code, which performs the above tasks for a specified output :
import javax.swing.*;
import java.awt.*;
import java.util.Random;
/**
* Created with IntelliJ IDEA.
* User: Gagandeep Bali
* Date: 2/10/13
* Time: 1:23 PM
* To change this template use File | Settings | File Templates.
*/
public class LayoutExample
{
private JTextField tField;
private JTextArea tArea1;
private JTextArea tArea2;
private JTextArea tArea3;
private JTextArea tArea4;
private JRadioButton leftRButton;
private JRadioButton rightRButton;
private GridBagConstraints gbc;
private Random random;
public LayoutExample()
{
gbc = new GridBagConstraints();
random = new Random();
}
private void displayGUI()
{
JFrame frame = new JFrame("Nested Layout Example");
frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
JPanel contentPane = getPanel();
contentPane.setLayout(new BorderLayout(5, 5));
JLabel topLabel = new JLabel(
"PAGE_START Label", JLabel.CENTER);
contentPane.add(topLabel, BorderLayout.PAGE_START);
JPanel basePanel = getPanel();
basePanel.setLayout(new GridLayout(1, 2));
JPanel leftPanel = getPanel();
leftPanel.setLayout(new GridBagLayout());
leftPanel.setBorder(
BorderFactory.createEmptyBorder(
10, 10, 10, 10));
JLabel fieldLabel = new JLabel("Label", JLabel.CENTER);
tField = new JTextField(20);
JPanel topPanel = getPanel();
topPanel.setLayout(new GridBagLayout());
topPanel.add(fieldLabel, getConstraints(
0, 0, 1, 1
, GridBagConstraints.HORIZONTAL, 0.3f, 0.1f));
topPanel.add(tField, getConstraints(
1, 0, 2, 1
, GridBagConstraints.HORIZONTAL, 0.7f, 1.0f));
leftPanel.add(topPanel, getConstraints(
0, 0, 1, 1
, GridBagConstraints.BOTH, 1.0f, 0.40f));
JPanel middlePanel = getPanel();
middlePanel.setLayout(new BorderLayout(5, 5));
tArea1 = new JTextArea(10, 10);
middlePanel.add(tArea1, BorderLayout.CENTER);
JPanel radioPanel = getPanel();
radioPanel.setLayout(new GridLayout(1, 2, 5, 5));
leftRButton = new JRadioButton("Left", false);
rightRButton = new JRadioButton("Right", false);
radioPanel.add(leftRButton);
radioPanel.add(rightRButton);
middlePanel.add(radioPanel, BorderLayout.PAGE_END);
leftPanel.add(middlePanel, getConstraints(
0, 1, 1, 2
, GridBagConstraints.BOTH, 1.0f, 0.60f));
basePanel.add(leftPanel);
JPanel rightPanel = getPanel();
rightPanel.setLayout(new GridLayout(0, 1, 10, 10));
rightPanel.setBorder(
BorderFactory.createEmptyBorder(
10, 10, 10, 10));
tArea2 = new JTextArea(10, 10);
tArea3 = new JTextArea(10, 10);
tArea4 = new JTextArea(10, 10);
rightPanel.add(tArea2);
rightPanel.add(tArea3);
rightPanel.add(tArea4);
basePanel.add(rightPanel);
contentPane.add(basePanel, BorderLayout.CENTER);
JLabel bottomLabel = new JLabel(
"PAGE_END Label", JLabel.CENTER);
contentPane.add(bottomLabel, BorderLayout.PAGE_END);
frame.setContentPane(contentPane);
frame.pack();
frame.setLocationByPlatform(true);
frame.setVisible(true);
}
private JPanel getPanel()
{
JPanel panel = new JPanel();
panel.setOpaque(true);
panel.setBackground(new Color(random.nextFloat()
, random.nextFloat(), random.nextFloat()
, random.nextFloat()));
panel.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
return panel;
}
private GridBagConstraints getConstraints(
int x, int y, int w, int h, int fillValue
, float weightx, float weighty)
{
//GridBagConstraints gbc = new GridBagConstraints();
gbc.anchor = GridBagConstraints.FIRST_LINE_START;
gbc.fill = fillValue;
gbc.gridx = x;
gbc.gridy = y;
gbc.gridwidth = w;
gbc.gridheight = h;
gbc.weightx = weightx;
gbc.weighty = weighty;
return gbc;
}
public static void main(String... args)
{
Runnable runnable = new Runnable(){
@Override
public void run()
{
new LayoutExample().displayGUI();
}
};
EventQueue.invokeLater(runnable);
}
}
Here is the output of the same :
BorderLayout for your outer layout.
NORTH and SOUTH are your respective labels.
EAST or CENTER should be assigned a nested Panel, which you assign a BoxLayout, or a single-column GridLayout, or another BorderLayout (using NORTH, CENTER and SOUTH) where you put your 3 JTextAreas.
WEST (or CENTER if EAST was used in prior step) can be done with another nested Panel, assigned either a GridBagLayout or a GroupLayout.
See more information here.
as you need the idea, here it is:
create two panal left,right.
on left panel add radio button with FlowLayout
on right panel add JTA1 with BorderLayout.NORTH
