FlowLayout Live-Demo

Autor: Gernot Segieth

Die FlowLayout-Live-Demo erleichtert spielerisch durch Erkunden und Verändern von Werten in der Benutzeroberfläche das Verständnis von FlowLayout.

Kopieren Sie sich die Quellcodes in einzelne Java-Dateien. Achten Sie auf die richtige Verteilung der Klassen in die im Code angegebenen Packages, oder kommentieren Sie die Package-Anweisung einfach aus, wenn Sie unsicher sind. Anschließend kompilieren Sie die Java-Dateien und starten die Hauptklasse.

FlowLayoutDemo.java - Die Hauptklasse

/*
 * FlowLayout-Live-Demo
 *
 * Copyright (c) 2019 Gernot Segieth - wiki.byte-welt.net
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 */
package flowlayout;

import flowlayout.event.AddAction;
import flowlayout.event.FlowOperations;
import flowlayout.event.HgapChangeAction;
import flowlayout.event.RemoveAction;
import flowlayout.event.SelectAction;
import flowlayout.event.VgapChangeAction;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.awt.Toolkit;
import javax.swing.BorderFactory;
import javax.swing.ComboBoxModel;
import javax.swing.DefaultComboBoxModel;
import javax.swing.JButton;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSpinner;
import javax.swing.SpinnerNumberModel;
import javax.swing.SwingUtilities;
import javax.swing.UIManager;

/**
 * Die FlowLayout-Live-Demo erleichtert spielerisch durch Erkunden und Verändern
 * von Werten in der Benutzeroberfläche das Verständnis von FlowLayout.
 *
 * @author Gernot Segieth, (c)2019
 * @see java.awt.FlowLayout
 */
public class FlowLayoutDemo implements FlowOperations {

    private JPanel flowPanel;
    private FlowLayout layout;
    private SpinnerNumberModel hgapModel; //JSpinner zur Eingabe horizontaler Abstände
    private SpinnerNumberModel vgapModel; //JSpinner zur Eingabe vertikaler Abstände
    private ComboBoxModel<Integer> alignArgumentModel;
    private int compCount; //zählt die Komponenten   

    public FlowLayoutDemo() {
        JFrame frame = new JFrame("FlowLayout (Live-Demo)");
        frame.add(createFlowPanel(), BorderLayout.CENTER);
        frame.add(createControlPanel(), BorderLayout.NORTH);
        frame.add(createSouthPanel(), BorderLayout.SOUTH);
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        frame.setVisible(true);
    }

    @Override
    public void addComponent() {
        flowPanel.add(new JButton("JButton " + (++compCount)));
        flowPanel.validate();
        flowPanel.repaint();
    }

    @Override
    public void removeComponent() {
        if (compCount > 0) {
            flowPanel.remove(--compCount);
            flowPanel.validate();
            flowPanel.repaint();
        }
    }

    @Override
    public void changeAlignment() {
        int alignment = (Integer) alignArgumentModel.getSelectedItem();
        layout.setAlignment(alignment);
        update();
    }

    @Override
    public void changeHgap() {
        layout.setHgap((int) hgapModel.getNumber());
        update();
    }

    @Override
    public void changeVgap() {
        layout.setVgap((int) vgapModel.getNumber());
        update();
    }

    private JPanel createFlowPanel() {
        layout = new FlowLayout();
        flowPanel = new JPanel(layout) {
            @Override
            public Dimension getPreferredSize() {
                Dimension size = Toolkit.getDefaultToolkit().getScreenSize();
                return new Dimension(size.width * 40 / 100, size.height * 40 / 100);
            }
        };
        flowPanel.setBackground(Color.WHITE);
        return flowPanel;
    }

    private JPanel createControlPanel() {
        JButton addButton = new JButton(new AddAction(this));
        JButton removeButton = new JButton(new RemoveAction(this));

        alignArgumentModel = createComboBoxModel();
        JComboBox<Integer> alignBox = new JComboBox<>(alignArgumentModel);
        alignBox.setEditable(false);
        alignBox.setRenderer(new AlignmentComboBoxRenderer());
        alignBox.addActionListener(new SelectAction(this));

        hgapModel = new SpinnerNumberModel(layout.getHgap(), 0, 50, 1);
        JSpinner hgapSpinner = new JSpinner(hgapModel);
        hgapSpinner.addChangeListener(new HgapChangeAction(this));

        vgapModel = new SpinnerNumberModel(layout.getVgap(), 0, 50, 1);
        JSpinner vgapSpinner = new JSpinner(vgapModel);
        vgapSpinner.addChangeListener(new VgapChangeAction(this));

        JPanel panel = new JPanel(new GridBagLayout());
        panel.setBorder(BorderFactory.createEmptyBorder(10, 0, 10, 0));
        GridBagConstraints gbc = new GridBagConstraints();

        int space = 20;
        gbc.gridx = 0;
        gbc.gridy = 0;

        gbc.gridx++;
        panel.add(new JLabel("<html>setAlignment(<strong>FlowLayout.</strong></html> "), gbc);

        gbc.gridx++;
        panel.add(alignBox, gbc);

        gbc.insets = new Insets(0, 0, 0, space);
        gbc.gridx++;
        panel.add(new JLabel(" );"), gbc);

        gbc.insets = new Insets(0, 0, 0, 0);
        gbc.gridx++;
        panel.add(new JLabel("setHgap( "), gbc);

        gbc.gridx++;
        panel.add(hgapSpinner, gbc);

        gbc.insets = new Insets(0, 0, 0, space);
        gbc.gridx++;
        panel.add(new JLabel(" );"), gbc);

        gbc.insets = new Insets(0, 0, 0, 0);
        gbc.gridx++;
        panel.add(new JLabel("setVgap( "), gbc);

        gbc.gridx++;
        panel.add(vgapSpinner, gbc);

        gbc.insets = new Insets(0, 0, 0, space);
        gbc.gridx++;
        panel.add(new JLabel(" );"), gbc);

        panel.add(addButton);
        panel.add(removeButton);

        return panel;
    }

    private JPanel createSouthPanel() {
        JLabel label = new JLabel("<html>&copy;2019 Gernot Segieth, Byte-Welt-Wiki (https://wiki.byte-welt.net)</html>");
        label.setForeground(label.getBackground().darker());
        label.setFont(label.getFont().deriveFont(10f));
        JPanel panel = new JPanel();
        panel.add(label);
        return panel;
    }

    private ComboBoxModel<Integer> createComboBoxModel() {
        Integer[] items = new Integer[]{
            FlowLayout.CENTER,
            FlowLayout.LEADING,
            FlowLayout.LEFT,
            FlowLayout.RIGHT,
            FlowLayout.TRAILING
        };
        alignArgumentModel = new DefaultComboBoxModel<>(items);
        alignArgumentModel.setSelectedItem(layout.getAlignment());
        return alignArgumentModel;
    }

    private void update() {
        SwingUtilities.invokeLater(() -> {
            flowPanel.updateUI();
        });
    }

    public static void main(String[] args) {
        JFrame.setDefaultLookAndFeelDecorated(true);
        UIManager.put("swing.boldMetal", false);
        SwingUtilities.invokeLater(() -> {
            new FlowLayoutDemo();
        });
    }

}

Klassen aus dem Event-Package

Interface FlowOperations - die Funktionen der Demo

package flowlayout.event;

/**
 *
 * @author Gernot Segieth
 */
public interface FlowOperations {

    public void addComponent();

    public void removeComponent();

    public void changeAlignment();

    public void changeHgap();

    public void changeVgap();

}

AddAction - Hinzufügen neuer Komponenten

package flowlayout.event;

import gridlayout.icons.MoreIcon;
import java.awt.event.ActionEvent;
import javax.swing.AbstractAction;

/**
 *
 * @author Gernot Segieth
 */
public class AddAction extends AbstractAction {

    private final FlowOperations fo;

    public AddAction(FlowOperations fo) {
        super("", new MoreIcon());
        this.fo = fo;
    }

    @Override
    public void actionPerformed(ActionEvent ae) {
        fo.addComponent();
    }

}

RemoveAction - Entfernen von Komponenten

package flowlayout.event;

import gridlayout.icons.LessIcon;
import java.awt.event.ActionEvent;
import javax.swing.AbstractAction;

/**
 *
 * @author Gernot Segieth
 */
public class RemoveAction extends AbstractAction {

    private final FlowOperations fo;

    public RemoveAction(FlowOperations fo) {
        super("", new LessIcon());
        this.fo = fo;
    }

    @Override
    public void actionPerformed(ActionEvent ae) {
        fo.removeComponent();
    }

}

SelectAction - Auswahl in der JComboBox behandeln

package flowlayout.event;

import java.awt.event.ActionEvent;
import javax.swing.AbstractAction;

/**
 *
 * @author Gernot Segieth
 */
public class SelectAction extends AbstractAction {

    private final FlowOperations fo;

    public SelectAction(FlowOperations fo) {
        this.fo = fo;
    }

    @Override
    public void actionPerformed(ActionEvent ae) {
        fo.changeAlignment();
    }

}

HgapChangeAction - Horizontalen Abstand einstellen

package flowlayout.event;

import javax.swing.event.ChangeEvent;

/**
 *
 * @author Gernot Segieth
 */
public class HgapChangeAction extends AbstractChangeAction {

    private FlowOperations fo;

    public HgapChangeAction(FlowOperations fo) {
        this.fo = fo;
    }

    @Override
    public void stateChanged(ChangeEvent ce) {
        fo.changeHgap();
    }

}

VgapChangeAction - Vertikalen Abstand einstellen

package flowlayout.event;

import javax.swing.event.ChangeEvent;

/**
 *
 * @author Gernot Segieth
 */
public class VgapChangeAction extends AbstractChangeAction {

    private FlowOperations fo;

    public VgapChangeAction(FlowOperations fo) {
        this.fo = fo;
    }

    @Override
    public void stateChanged(ChangeEvent ce) {
        fo.changeVgap();
    }

}

Ein Renderer für die JComboBox

package flowlayout;

import java.awt.Component;
import java.awt.FlowLayout;
import javax.swing.DefaultListCellRenderer;
import javax.swing.JList;

/**
 *
 * @author Gernot Segieth
 */
public class AlignmentComboBoxRenderer extends DefaultListCellRenderer {

    @Override
    public Component getListCellRendererComponent(JList<?> list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
        super.getListCellRendererComponent(list, value, index, isSelected, cellHasFocus);
        if (value instanceof Integer) {
            Integer intValue = (Integer) value;
            switch (intValue) {
                case FlowLayout.LEADING:
                    this.setText("LEADING");
                    break;
                case FlowLayout.LEFT:
                    this.setText("LEFT");
                    break;
                case FlowLayout.RIGHT:
                    this.setText("RIGHT");
                    break;
                case FlowLayout.TRAILING:
                    this.setText("TRAILING");
                    break;
                default:
                    this.setText("CENTER");
            }
        }
        return this;

    }
}

Icons

Fehlen nur noch die Icons, die auch als Java-Klasse angelegt werden können.

Zunächst das Minus-Icon:

package flowlayout.icons;

import java.awt.BasicStroke;
import java.awt.Component;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Shape;
import java.awt.geom.AffineTransform;
import java.awt.geom.GeneralPath;
import java.awt.geom.Path2D;
import javax.swing.Icon;

public class LessIcon implements Icon {

    @Override
    public void paintIcon(Component c, Graphics gr, int x, int y) {
        Graphics2D g = (Graphics2D) gr;
        AffineTransform at = new AffineTransform();
        at.translate(x, y);
        at.scale(getIconWidth(), getIconHeight());
        Shape transformedShape = at.createTransformedShape(createShape());
        g.setStroke(new BasicStroke(2));
        g.draw(transformedShape);
        g.dispose();
    }

    @Override
    public int getIconWidth() {
        return 15;
    }

    @Override
    public int getIconHeight() {
        return getIconWidth();
    }

    private Shape createShape() {
        Path2D path = new GeneralPath();
        path.moveTo(0.1f, 0.5f);
        path.lineTo(0.9f, 0.5f);
        return path;
    }
}

Das Plus-Icon:

package flowlayout.icons;

import java.awt.BasicStroke;
import java.awt.Component;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Shape;
import java.awt.geom.AffineTransform;
import java.awt.geom.GeneralPath;
import java.awt.geom.Path2D;
import javax.swing.Icon;

public class MoreIcon implements Icon {

    @Override
    public void paintIcon(Component c, Graphics gr, int x, int y) {
        Graphics2D g = (Graphics2D) gr;
        AffineTransform at = new AffineTransform();
        at.translate(x, y);
        at.scale(getIconWidth(), getIconHeight());
        Shape transformedShape = at.createTransformedShape(createShape());
        g.setStroke(new BasicStroke(2));
        g.draw(transformedShape);
        g.dispose();
    }

    @Override
    public int getIconWidth() {
        return 15;
    }

    @Override
    public int getIconHeight() {
        return getIconWidth();
    }

    private Shape createShape() {
        Path2D path = new GeneralPath();
        path.moveTo(0.5f, 0.1f);
        path.lineTo(0.5f, 0.9f);
        path.moveTo(0.1f, 0.5f);
        path.lineTo(0.9f, 0.5f);
        return path;
    }
}

Fragen

Das Thema wurde nicht ausreichend behandelt? Du hast Fragen dazu und brauchst weitere Informationen? Lass Dir von uns helfen!

• Besuche uns im Byte-Welt-Forum
• Besuche unseren Chat

Wir helfen dir gerne!

Dir hat dieser Artikel gefallen? Oder Du hast Fehler entdeckt und möchtest zur Berichtigung beitragen? Prima! Schreibe einen Kommentar!

Du musst angemeldet sein, um einen Kommentar abzugeben.

Weiterführende Links

• Mehr zum FlowLayout und anderen LayoutManagern
• JSpinner mit Zahl und Einheit