Layout manager

<h2 id="examples">Examples</h2>
<p><a href="/facts/Android_(operating_system)/nNyHb0xz">Android</a> have the ConstraintLayout.<a class="footnote-ref" id="fnref:1" href="#fn:1"><sup>1</sup></a>
</p><p><a href="/facts/GTK/oLpVm9pp">GTK</a> have the Box<a class="footnote-ref" id="fnref:2" href="#fn:2"><sup>2</sup></a> and Grid<a class="footnote-ref" id="fnref:3" href="#fn:3"><sup>3</sup></a> classes.
</p>
<h3>XUL</h3>
<p>In <a href="/facts/XUL/VoNXYx92">XUL</a>,  like the <a href="https://developer.mozilla.org/en/XUL_Tutorial/The_Box_Model">vbox</a> container to stack components on top of each other.
</p>
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

</window>

<p>This piece of code shows 3 buttons stacked on top of each other in a vertical box.
</p>
<h3>XAML</h3>
<p>The <a href="http://msdn2.microsoft.com/en-us/library/system.windows.controls.dockpanel.aspx">DockPanel</a> container lays out children components according to their <i>Dock</i> properties.
</p>
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      WindowTitle="myDock Panel">
  <DockPanel>
      <TextBlock DockPanel.Dock="Top">Top 1</TextBlock>
      <TextBlock DockPanel.Dock="Top">Top 2</TextBlock>
      <TextBlock DockPanel.Dock="Top">Top 3</TextBlock>
      <TextBlock DockPanel.Dock="Top">Top 4</TextBlock>
  </DockPanel>
</Page>

<p>This code shows 4 text blocks on top of each other.
</p>
<h3>Java</h3>
<p>The <a href="https://docs.oracle.com/en/java/javase/19/docs/api/java.desktop/java/awt/FlowLayout.html">FlowLayout</a> layout manager arranges components in a directional flow, much like lines of text in a paragraph. It arranges components horizontally until no more components fit on the same line, then it places them on another line. Other layout managers are GridLayout managers which arrange the components in grid form and BorderLayout managers which also arranges the component in five parts of the frame, thus: south, north, west, east and center.
</p>
import javax.swing.JFrame;
import javax.swing.JButton;
import java.awt.FlowLayout;
import java.awt.Container;

public class Example {
    private JFrame frame;

public Example() {
        frame = new JFrame("FlowLayout Demo");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setLayout(new FlowLayout());
        frame.add((new JButton("Button 1")));
        frame.add((new JButton("Button 2")));
        frame.add((new JButton("Button 3")));
        frame.add((new JButton("Long-Named Button 4")));
        frame.add((new JButton("5")));
        frame.pack();
        frame.setVisible(true);
    }

public static void main(String[] args) {
        Example ex = new Example();
    }
}

<p>This code shows 5 buttons alongside each other on the same line:
</p>

<h2 id="external-links">External links</h2>
<ul><li><a href="http://java.sun.com/docs/books/tutorial/uiswing/layout/index.html">Layout tutorial on Oracle website</a></li>
<li><a href="https://web.archive.org/web/20071010021740/http://wiki.java.net/bin/view/Javadesktop/LayoutManagerShowdown">Layout Manager Showdown on java.net</a></li></ul>

<h2 id="references">References</h2>

<ol>
<li id="fn:1"><p>"Build a responsive UI with ConstraintLayout | Views". Android Developers. Google. Retrieved 17 December 2024. <a href="https://developer.android.com/develop/ui/views/layout/constraint-layout" target="_blank">https://developer.android.com/develop/ui/views/layout/constraint-layout</a> <a href="#fnref:1" class="footnote-back-ref">↩</a></p></li>
<li id="fn:2"><p>"Gtk.Box". docs.gtk.org. Retrieved 17 December 2024. <a href="https://docs.gtk.org/gtk4/class.Box.html" target="_blank">https://docs.gtk.org/gtk4/class.Box.html</a> <a href="#fnref:2" class="footnote-back-ref">↩</a></p></li>
<li id="fn:3"><p>"Gtk.Grid". docs.gtk.org. Retrieved 17 December 2024. <a href="https://docs.gtk.org/gtk4/class.Grid.html" target="_blank">https://docs.gtk.org/gtk4/class.Grid.html</a> <a href="#fnref:3" class="footnote-back-ref">↩</a></p></li>
</ol>

Layout manager open-in-new

Layout manager