Closable Tabs

[Tay Thotheolh]

Hi. I tried to make a tab panel that have a 'X' to close the tabs but what I get is an huge 'X' in the middle of the tabs panels instead of being placed next to the tab titles. Fromm the codes, I have two tabs with two titles. One is '[e-mail]' and the other one is '[e-mail]'. When I run the codes, both titles are '[e-mail]' until when I select the second tab then would it turn to the expected '[e-mail]'.

The main problem I need help with is the close button for the tab.

You would notice I have a line of code in one of the java 'ChatPanel.java'... around line 50+

//add(new JTextArea()); //UNCOMMENT THIS LINE TO MAKE THE 'X' DISAPPEAR AND ADD A TEXTAREA

What happens is that when I uncomment and attempts to add a textarea to the tab panels, the 'X' would completely disappear.

Why is that so ?

I need help for this closable tabs panel. Below are the 2 source codes.

Thanks for helping.

MainFrame.java

import javax.swing.JTabbedPane;

/**
 *
 * @author thotheolh
 */
public final class MainFrame extends javax.swing.JFrame {

    JTabbedPane tabPane = new JTabbedPane();

    public MainFrame() {
        setSize(400,400);
	add(tabPane);
	addTab("[e-mail]",new ChatPanel("[e-mail]",tabPane));
	addTab("[e-mail]",new ChatPanel("[e-mail]",tabPane));
    }

    public void addTab(String selectedUser, ChatPanel chatpane) {
        tabPane.addTab(selectedUser, null, chatpane);
        tabPane.setTabLayoutPolicy(JTabbedPane.WRAP_TAB_LAYOUT);
        setLocationRelativeTo(null);
        setVisible(true);
        validate();
    }

    
    public static void main (String[] args){
        MainFrame mf = new MainFrame();
        mf.setVisible(true);
    }
}

ChatPanel.java

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Component;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Stroke;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import javax.swing.AbstractButton;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JLabel;
import javax.swing.JTabbedPane;
import javax.swing.JTextArea;
import javax.swing.plaf.basic.BasicButtonUI;

/**
 *
 * @author thotheolh
 */
public final class ChatPanel extends javax.swing.JPanel {

    private String target = null; //target refers to title of the tab

    private JTabbedPane tabContainer;

    public ChatPanel(String target, JTabbedPane tabContainer) {
        super(new FlowLayout(FlowLayout.LEFT, 0, 0));
        setOpaque(false);
        setTarget(target);
        this.tabContainer = tabContainer;
        initComponents();

        JLabel label = new JLabel(getTarget());

        add(label);

        //add more space between the label and the button
        label.setBorder(BorderFactory.createEmptyBorder(0, 0, 0, 5));

        add(new CloseTabBtn());

        //add more space to the top of the component
        setBorder(BorderFactory.createEmptyBorder(2, 0, 0, 0));

        //add(new JTextArea()); //UNCOMMENT THIS LINE TO MAKE THE 'X' DISAPPEAR AND ADD A TEXTAREA

    }


    private void initComponents() {
        setLayout(new java.awt.BorderLayout());
    }

    private class CloseTabBtn extends JButton {

        public CloseTabBtn() {
            int size = 17;
            setPreferredSize(new Dimension(size, size));
            setToolTipText("Close this chat");
            //Make the button looks the same for all Laf's
            setUI(new BasicButtonUI());
            //Make it transparent
            setContentAreaFilled(false);
            setFocusable(false);
            setBorder(BorderFactory.createEtchedBorder());
            setBorderPainted(false);
            //Make nice rollover effect
            setRolloverEnabled(true);
            //Action Listener for close btn
            addActionListener(new java.awt.event.ActionListener() {

                public void actionPerformed(java.awt.event.ActionEvent evt) {
                    //Close tab and remove resource from Resource.
                }
            });
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D) g;
            Stroke stroke = g2.getStroke();
            g2.setStroke(new BasicStroke(2));
            g.setColor(Color.BLACK);
            if (getModel().isRollover()) {
                g.setColor(Color.MAGENTA);
            }
            int delta = 5;
            g.drawLine(delta, delta, getWidth() - delta - 1, getHeight() - delta - 1);
            g.drawLine(getWidth() - delta - 1, delta, delta, getHeight() - delta - 1);
            g2.setStroke(stroke);

            int i = tabContainer.getTabCount() - 1;
            tabContainer.setTitleAt(i, getTarget());
        }
    }
    private final static MouseListener buttonMouseListener = new MouseAdapter() {

        @Override
        public void mouseEntered(MouseEvent e) {
            Component component = e.getComponent();
            if (component instanceof AbstractButton) {
                AbstractButton button = (AbstractButton) component;
                button.setBorderPainted(true);
            }
        }

        @Override
        public void mouseExited(MouseEvent e) {
            Component component = e.getComponent();
            if (component instanceof AbstractButton) {
                AbstractButton button = (AbstractButton) component;
                button.setBorderPainted(false);
            }
        }
    };

    /**
     * @return the target
     */
    public String getTarget() {
        return target;
    }

    /**
     * @param target the target to set
     */
    public void setTarget(String target) {
        this.target = target;
    }

}

[Rob Spoor]

How to Use Tabbed Panes. It has exactly such an example.

[Tay Thotheolh]

Hi, Rob. As you may have noticed from my codes I posted, I did integrate those sample codes into my own codes and did some modification to suit my own application but somehow this modified codes did not work so well as I want it to.

[Tay Thotheolh]

Thanks for all the help. I relooked at the codes multiple times and did some changes and it worked.