Creating hiding drawer component (suggestions)

Question

I am attempting to create a hiding drawer component. This is basically a tabbed frame on the side of the container that will allow you to show and hide it. I am able to get the component to show up but the catch is I need to know how to add components such as JList etc.. to it and have them function properly. When I attempt to add a component to it the painting is not working properly. I'm currently extending JPanel should I be using something else? Thanks for the help guys.
Code is below:
package com.nashilnux.swing;
import java.awt.AlphaComposite;
import java.awt.BasicStroke;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Composite;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.GridLayout;
import java.awt.Insets;
import java.awt.Rectangle;
import java.awt.RenderingHints;
import java.awt.Stroke;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.font.FontRenderContext;
import java.awt.font.TextLayout;
import java.awt.geom.AffineTransform;
import java.awt.geom.PathIterator;
import java.awt.geom.Point2D;
import java.awt.geom.Rectangle2D;
import java.awt.geom.RoundRectangle2D;
import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JList;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextField;
import javax.swing.RepaintManager;
import javax.swing.text.AbstractDocument.Content;
* @author me
public class HidingDrawer extends JPanel
     Rectangle2D button = null;
     private boolean showing = false;
     private JList contentList = null;
     private String title = "";
     private boolean mouseOver = false;
     private JScrollPane listSP = null;
     private Color strokeColor = new Color(226, 242, 255);
     private Color backgroundColor = Color.white;
     private Color tabColor = new Color(226, 242, 255);
     private boolean transparent = false;
     private float transparencyLevel = 0.0f;
     private Dimension expandedDimension = new Dimension(300,200);
     public HidingDrawer()
          setOpaque(false);
          setPreferredSize(new Dimension(300, 200));
          addMouseListener(new MouseAdapter()
               @Override
               public void mousePressed(MouseEvent e)
                    hideDrawer(e);
     public HidingDrawer(boolean showDrawer)
          setOpaque(false);
          setPreferredSize(new Dimension(300, 200));
          setLayout(new FlowLayout());
          if (showDrawer)
               showing = false;
          else
               showing = true;
          addMouseListener(new MouseAdapter()
               @Override
               public void mousePressed(MouseEvent e)
                    hideDrawer(e);
               @Override
               public void mouseEntered(MouseEvent e)
                    if (button != null)
                         if (button.contains(new Point2D.Double(e.getX(), e.getY())))
                              System.out.println("Mouse Over");
                              mouseOver = true;
                              repaint();
               @Override
               public void mouseExited(MouseEvent e)
                    System.out.println("Mouse exited");
                    mouseOver = false;
                    repaint();
          initalize();
      * @param args
     public static void main(String[] args)
          JFrame frame = new JFrame();
          frame.getContentPane().setBackground(Color.LIGHT_GRAY);
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          frame.setTitle("UI Drawer Demo");
          // North Panel
          JPanel northPanel = new JPanel(new FlowLayout(FlowLayout.LEFT));
          northPanel.setBackground(Color.white);
          JLabel titleLbl = new JLabel("UI Drawer Demo");
          titleLbl.setFont(new Font("Helvectia", Font.BOLD, 18));
          northPanel.add(titleLbl);
          // End NorthPanel
          // West panel component
          HidingDrawer hd = new HidingDrawer(true);
          hd.setTitle("Testing");
          hd.setBackgroundColor(new Color(226, 242, 255));
          hd.setStrokeColor(Color.black);
          hd.setTransparent(true);
          hd.setTransparencyLevel(0.5f);
          frame.getContentPane().setBackground(hd.getBackgroundColor());
          // Add list to the drawer
//          String[] values = new String[]{"Testing", "Testing 2", "Testing 3"};
//          JList list = new JList(values);
//          hd.add(list, BorderLayout.CENTER);
          frame.getContentPane().add(hd, BorderLayout.WEST);
          // Center Panel
          JPanel encapPanel = new JPanel(new FlowLayout(FlowLayout.LEFT));
          encapPanel.setBackground(hd.getBackgroundColor());
          JPanel centerPanel = new JPanel();
          centerPanel.setBackground(hd.getBackgroundColor());
          GridBagLayout gLayout = new GridBagLayout();
          int row = 0;
          centerPanel.setLayout(gLayout);
          GridBagConstraints c = new GridBagConstraints(0, 0,1,1,0, 0,GridBagConstraints.WEST,0, new Insets(5,5,5,5),0,0);
          JLabel freqLbl = new JLabel("Frequency");
          centerPanel.add(freqLbl, c);
          c.gridx = 1;
          JTextField freqTxt = new  JTextField(20);
          centerPanel.add(freqTxt, c);
          encapPanel.add(centerPanel);
          frame.getContentPane().add(northPanel, BorderLayout.NORTH);
          frame.getContentPane().add(encapPanel, BorderLayout.CENTER);
          frame.setSize(new Dimension(800, 600));
          frame.setVisible(true);
     public void initalize()
//          String[] tmpListItems = { "Testing list item 1", "Testing 2", "Testing 3" };
//          contentList = new JList(tmpListItems);
//          contentList.setOpaque(true);
//          contentList.setBackground(getBackgroundColor());
//          Dimension dim = getPreferredSize();
//          dim.setSize(dim.getWidth() - 70, dim.getHeight());
//          listSP = new JScrollPane(contentList);
//          listSP.setPreferredSize(dim);
//          listSP.setOpaque(true);
//          listSP.setBackground(getBackgroundColor());
//          add(listSP);
          setBackground(getBackgroundColor());
          setBorder(BorderFactory.createLineBorder(Color.black));
      * (non-Javadoc)
      * @see javax.swing.JComponent#paintComponent(java.awt.Graphics)
     @Override
     protected void paintComponent(Graphics g)
          Dimension dim = getSize();
          Graphics2D g2d = (Graphics2D) g;
          if (!isShowing())
               System.out.println("Showing: " + showing);
               g2d.setPaint(getBackgroundColor());
               RoundRectangle2D roundRectangle = new RoundRectangle2D.Double(getX() - 10, getY() + 5, dim.width - 20, dim.height - 10, 5, 15);
               g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
               if(isTransparent())
                    Composite alphaComp = AlphaComposite.getInstance(AlphaComposite.SRC_OVER, getTransparencyLevel());
                    g2d.setComposite(alphaComp);
               g2d.fill(roundRectangle);
               BasicStroke stroke = new BasicStroke(3);
               g2d.setStroke(stroke);
               g2d.setPaint(getStrokeColor());
               g2d.draw(roundRectangle);
               // Draw a fake button
               // Get the dimension of the current graphic
               Graphics2D buttonArea = (Graphics2D) g2d.create(getX(), getY(), dim.width, dim.height);
               buttonArea.setColor(getTabColor());
               buttonArea.setFont(new Font("Helvetica", Font.BOLD, 16));
               button = null;
               button = new Rectangle2D.Double(roundRectangle.getBounds().getMaxX(), (roundRectangle.getMaxY() / 2) - 30, 25, 60);
               buttonArea.fill(button);
               buttonArea.draw(button);
               // Draw the text
               buttonArea.setStroke(new BasicStroke(3));
               buttonArea.setPaint(getStrokeColor());
               buttonArea.draw(button);
               buttonArea.setClip(button);
               buttonArea.setPaint(Color.black);
               AffineTransform transformer = buttonArea.getTransform();
               transformer.rotate(Math.toRadians(90));
               buttonArea.transform(transformer);
               Rectangle2D buttonBounds = button.getBounds2D();
               Font buttonFont = new Font("Helvectica", Font.BOLD, 18);
               FontRenderContext frc = buttonArea.getFontRenderContext();
               TextLayout layout = new TextLayout("Hide", buttonFont, frc);
               layout.draw(buttonArea, (float)buttonBounds.getY() + 10,(float)((buttonBounds.getX() - (buttonBounds.getX() *2)) -5));
          else
               System.out.println("Showing: " + showing);
               Graphics2D buttonArea = (Graphics2D) g2d.create(getX(), getY(), dim.width, dim.height);
               buttonArea.setPaint(getTabColor());
               button = null;
               button = new Rectangle2D.Double(0, (dim.getHeight() / 2) - 30, 25, 60);
               if (isTransparent())
                    // Set the Composite
                    Composite alphaComp = AlphaComposite.getInstance(AlphaComposite.SRC_OVER, getTransparencyLevel());
                    buttonArea.setComposite(alphaComp);
               buttonArea.fill(button);
               buttonArea.setStroke(new BasicStroke(3));
               buttonArea.setPaint(getStrokeColor());
               buttonArea.draw(button);
          super.paintComponents(g);
     public void hideDrawer(MouseEvent event)
          if (button != null)
               if (button.contains(new Point2D.Double(event.getX(), event.getY())))
                    System.out.println("Button Pressed");
                    if (showing)
                         showing = false;
                         setPreferredSize(new Dimension(300, getSize().height));
                         setSize(new Dimension(300, getSize().height));
                         setVisible(true);
                         // Hide the list
//                         contentList.setVisible(true);
//                         listSP.setVisible(true);
                    else
                         showing = true;
                         setSize(28, getSize().height);
//                         contentList.setVisible(false);
//                         listSP.setVisible(false);
          Object parent = getParent();
          boolean foundParent = false;
          while (!foundParent)
               Component parentsChild = (Component) parent;
               Component fParent = ((Component) parent).getParent();
               if (fParent == null)
                    foundParent = true;
                    parent = parentsChild;
               else
                    parent = fParent;
          Component pComponent = (Component) parent;
          pComponent.repaint();
      * @param showing
      *            the showing to set
     public void showDrawer(boolean showing)
          this.showing = showing;
      * @return the showing
     public boolean isShowing()
          return showing;
      * @param title
      *            the title to set
     public void setTitle(String title)
          this.title = title;
      * @return the title
     public String getTitle()
          return title;
      * @param strokeColor
      *            the strokeColor to set
     public void setStrokeColor(Color strokeColor)
          this.strokeColor = strokeColor;
      * @return the strokeColor
     public Color getStrokeColor()
          return strokeColor;
      * @param backgroundColor
      *            the backgroundColor to set
     public void setBackgroundColor(Color backgroundColor)
          this.backgroundColor = backgroundColor;
      * @return the backgroundColor
     public Color getBackgroundColor()
          return backgroundColor;
      * @param tabColor
      *            the tabColor to set
     public void setTabColor(Color tabColor)
          this.tabColor = tabColor;
      * @return the tabColor
     public Color getTabColor()
          return tabColor;
      * @param transparent the transparent to set
     public void setTransparent(boolean transparent)
          this.transparent = transparent;
      * @return the transparent
     public boolean isTransparent()
          return transparent;
      * @param transparencyLevel the transparencyLevel to set
     public void setTransparencyLevel(float transparencyLevel)
          this.transparencyLevel = transparencyLevel;
      * @return the transparencyLevel
     public float getTransparencyLevel()
          return transparencyLevel;
}

Answer 1

import java.awt.*;
import java.awt.event.*;
import java.awt.font.*;
import java.awt.geom.*;
import javax.swing.*;
public class HD {
    TopCard    topCard;
    HostCard   hostCard;
    CardLayout cards;
    JPanel     cardPanel;
    private JPanel getContent() {
        Color stroke = UIManager.getColor("TabbedPane.foreground");
        Color bg     = UIManager.getColor("TabbedPane.background");
        Color tab    = UIManager.getColor("TabbedPane.contentAreaColor");
        Font font = //new Font("Helvetica", Font.BOLD, 18);
                    new Font("Dialog", Font.BOLD, 18);  // faster
        Dimension d = new Dimension(300,200);
        topCard = new TopCard(stroke, bg, tab, font, d);
        topCard.addMouseListener(mouser);
        hostCard = new HostCard(stroke, bg, tab, font, d);
        hostCard.addMouseListener(mouser);
        addComponents(hostCard);
        cards = new CardLayout();
        cardPanel = new JPanel(cards);
        cardPanel.add("top", topCard);
        cardPanel.add("host", hostCard);
        return cardPanel;
    private void addComponents(JComponent c) {
        String[] tmpListItems = { "Testing list item 1", "Testing 2", "Testing 3" };
        JList list = new JList(tmpListItems);
        int vm = hostCard.MARGIN;
        int right = 35;
        Dimension dim = c.getPreferredSize();
        dim.setSize(dim.width - 70, dim.height - 2*vm - 2*20);
        JScrollPane scrollPane = new JScrollPane(list);
        scrollPane.setPreferredSize(dim);
        c.setLayout(new GridBagLayout());
        GridBagConstraints gbc = new GridBagConstraints();
        gbc.insets = new Insets(vm,0,vm,right);
        c.add(scrollPane, gbc);
    public static void main(String[] args) {
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new HD().getContent());
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    private MouseListener mouser = new MouseAdapter() {
        public void mousePressed(MouseEvent e) {
            Object source = e.getSource();
            Point p = e.getPoint();
            if(source == topCard)
                if(topCard.isControlTrigger(p))
                    cards.next(cardPanel);
            if(source == hostCard)
                if(hostCard.isControlTrigger(p))
                    cards.next(cardPanel);
class TopCard extends JPanel {
    Rectangle2D.Double rect;
    Color strokeColor;
    Color backgroundColor;
    Color tabColor;
    Font font;
    public TopCard(Color stroke, Color bg, Color tab, Font f, Dimension d) {
        strokeColor = stroke;
        backgroundColor = bg;
        tabColor = tab;
        font = f;
        setPreferredSize(d);
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        Dimension dim = getSize();
        g2.setPaint(Color.lightGray);
        g2.fillRect(0, 0, dim.width, dim.height);
        g2.setPaint(tabColor);
        rect = new Rectangle2D.Double(0, (dim.getHeight() / 2) - 30, 25, 60);
        g2.fill(rect);
        g2.setStroke(new BasicStroke(3));
        g2.setPaint(strokeColor);
        g2.draw(rect);
        // Draw label text.
        String s = "Show";
        g2.setFont(font);
        FontRenderContext frc = g2.getFontRenderContext();
        float width = (float)font.getStringBounds(s, frc).getWidth();
        LineMetrics lm = font.getLineMetrics(s, frc);
        float height = lm.getAscent() + lm.getDescent();
        double x = rect.getCenterX() - height/2 + lm.getDescent();
        double y = rect.getCenterY() - width/2;
        AffineTransform at = AffineTransform.getTranslateInstance(x, y);
        at.rotate(Math.PI/2, 0, 0);
        g2.setFont(font.deriveFont(at));
        g2.drawString(s, 0, 0);
    public boolean isControlTrigger(Point p) {
        return rect.contains(p);
class HostCard extends JPanel {
    Rectangle2D.Double rect;
    Color strokeColor;
    Color backgroundColor;
    Color tabColor;
    Font font;
    int MARGIN = 5;
    public HostCard(Color stroke, Color bg, Color tab, Font f, Dimension d) {
        strokeColor = stroke;
        backgroundColor = bg;
        tabColor = tab;
        font = f;
        setPreferredSize(d);
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        Dimension dim = getSize();
        g2.setPaint(Color.lightGray);
        g2.fillRect(0, 0, dim.width, dim.height);
        BasicStroke stroke = new BasicStroke(3);
        float lineWidth = stroke.getLineWidth();
        double x = getX() - MARGIN - lineWidth;
        double y = getY() + MARGIN;
        double w = dim.width - 20;
        double h = dim.height - 2*MARGIN - lineWidth/2;
        RoundRectangle2D roundRectangle =
                             new RoundRectangle2D.Double(x, y, w, h, 5, 15);
        g2.setPaint(backgroundColor);
        g2.fill(roundRectangle);
        g2.setStroke(stroke);
        g2.setPaint(strokeColor);
        g2.draw(roundRectangle);
        rect = new Rectangle2D.Double(roundRectangle.getBounds().getMaxX(),
                                     (roundRectangle.getMaxY() / 2) - 30, 25, 60);
        g2.setPaint(tabColor);
        g2.fill(rect);
        g2.setPaint(strokeColor);
        g2.draw(rect);
        g2.setPaint(Color.black);
        // Draw label text.
        String s = "Hide";
        g2.setFont(font);
        FontRenderContext frc = g2.getFontRenderContext();
        float width = (float)font.getStringBounds(s, frc).getWidth();
        LineMetrics lm = font.getLineMetrics(s, frc);
        float height = lm.getAscent() + lm.getDescent();
        x = rect.getCenterX() - height/2 + lm.getDescent();
        y = rect.getCenterY() - width/2;
        AffineTransform at = AffineTransform.getTranslateInstance(x, y);
        at.rotate(Math.PI/2, 0, 0);
        g2.setFont(font.deriveFont(at));
        g2.drawString(s, 0, 0);
    public boolean isControlTrigger(Point p) {
        return rect.contains(p);
}