How to Use FlowLayout
Note: This lesson covers writing layout code by hand, which can be challenging. If you are not interested in learning all the details of layout management, you might prefer to use the
GroupLayoutlayout manager combined with a builder tool to lay out your GUI. One such builder tool is the NetBeans IDE. Otherwise, if you want to code by hand and do not want to use
GridBagLayoutis recommended as the next most flexible and powerful layout manager.
If you are interested in using JavaFX to create your GUI, see Working With Layouts in JavaFX .
FlowLayout class provides a very simple layout manager that is used, by default, by the
JPanel objects. The following figure represents a snapshot of an application that uses the flow layout:
The complete code of this demo is in the
FlowLayout class puts components in a row, sized at their preferred size. If the horizontal space in the container is too small to put all the components in one row, the
FlowLayout class uses multiple rows. If the container is wider than necessary for a row of components, the row is, by default, centered horizontally within the container. To specify that the row is to aligned either to the left or right, use a
FlowLayout constructor that takes an alignment argument. Another constructor of the
FlowLayout class specifies how much vertical or horizontal padding is put around the components.
The code snippet below creates a
FlowLayout object and the components it manages.
FlowLayout experimentLayout = new FlowLayout(); ... compsToExperiment.setLayout(experimentLayout); compsToExperiment.add(new JButton("Button 1")); compsToExperiment.add(new JButton("Button 2")); compsToExperiment.add(new JButton("Button 3")); compsToExperiment.add(new JButton("Long-Named Button 4")); compsToExperiment.add(new JButton("5"));
Select either the Left to Right or Right to Left option and click the Apply orientation button to set up the component's orientation. The following code snippet applies the Left to Right components orientation to the
The following table lists constructors of the
||Constructs a new
||Creates a new flow layout manager with the indicated alignment and horizontal and vertical gaps with the default size of 5 pixels. The alignment argument can be
||Creates a new flow layout manager with the indicated alignment and the indicated horizontal and vertical gaps. The
The following table lists code examples that use the
FlowLayout class and provides links to related sections.
||This page||Sets up a content pane to use
||How to Use CardLayout||Centers a component nicely in the top part of a
||How to Use Buttons, Check Boxes, and Radio Buttons||Uses the default
||How to Use Formatted Text Fields||Uses a panel with a right-aligned