TabbedPane标签美化式样自定义

JTabbedPane标签美化式样自定义

摘自：https://blog.csdn.net/yuanzihui/article/details/43936795

通过继承BasicTabbedPaneUI类重写JTabbedPane标签式样，实现渐变的标签效果。

效果图： 
 
 
相关代码：

public class TabbedPaneUI extends BasicTabbedPaneUI {

    private Color selectColor;
    private Color deSelectColor;
    private int inclTab = 3;
    private int anchoFocoV = inclTab;
    private int anchoFocoH = 1;
    private int anchoCarpetas = 18;
    private Polygon shape;
    private Color bgColor;
    private Color frontColor;

    private ColorSet selectedColorSet;
    private ColorSet defaultColorSet;
    private ColorSet hoverColorSet;


    public TabbedPaneUI(String bgColorHex, String frontColorHex){
        setColor(bgColorHex,frontColorHex);

        selectedColorSet = new ColorSet();
        selectedColorSet.topGradColor1 = Color.decode("#E0EEEE");//选中的最上层
        selectedColorSet.topGradColor2 = Color.decode("#FFFFFF");//选中的第二层
        selectedColorSet.bottomGradColor1 = Color.decode("#FFFFFF");//选中的第三层
        selectedColorSet.bottomGradColor2 = Color.decode("#FFFFFF");//选中的最下层
        defaultColorSet = new ColorSet();
        defaultColorSet.topGradColor1 = Color.decode("#FFFFFF");//未选的最上层
        defaultColorSet.topGradColor2 = Color.decode("#DEEBFE");
        defaultColorSet.bottomGradColor1 = Color.decode("#D6E5F5");
        defaultColorSet.bottomGradColor2 = Color.decode("#D6E5F5");
        hoverColorSet = new ColorSet();
        hoverColorSet.topGradColor1 = Color.decode("#FFFFFF");//鼠标悬停最上层
        hoverColorSet.topGradColor2 = Color.decode("#FFFFFF");
        hoverColorSet.bottomGradColor1 = Color.decode("#FFFFFF");
        hoverColorSet.bottomGradColor2 = Color.decode("#FFFFFF");

    }
//  
//  public static ComponentUI createUI(JComponent c) {
//      return new TabbedPaneUI();
//  }

    @Override
    protected void installDefaults() {
        super.installDefaults();
        RollOverListener l = new RollOverListener();
        tabPane.addMouseListener(l);
        tabPane.addMouseMotionListener(l);
        selectColor = new Color(250, 192, 192);
        deSelectColor = new Color(197, 193, 168);
        tabAreaInsets.right = anchoCarpetas;
    }

    public void setColor(String bgColorHex, String frontColorHex){
        bgColor = Color.decode(bgColorHex);
        frontColor = Color.decode(frontColorHex);
    }

    @Override
    protected void paintContentBorderTopEdge(Graphics g, int tabPlacement,
            int selectedIndex, int x, int y, int w, int h) {
        super.paintContentBorderTopEdge(g, tabPlacement, -1, x, y, w, h);
    }

    @Override
    protected void paintTabArea(Graphics g, int tabPlacement, int selectedIndex) {
        if (runCount > 1) {
            int lines[] = new int[runCount];
            for (int i = 0; i < runCount; i++) {
                lines[i] = rects[tabRuns[i]].y
                        + (tabPlacement == TOP ? maxTabHeight : 0);
            }
            Arrays.sort(lines);
            if (tabPlacement == TOP) {
                int fila = runCount;
                for (int i = 0; i < lines.length - 1; i++, fila--) {
                    Polygon carp = new Polygon();
                    carp.addPoint(0, lines[i]);
                    carp.addPoint(tabPane.getWidth() - 2 * fila - 2, lines[i]);
                    carp.addPoint(tabPane.getWidth() - 2 * fila, lines[i] + 3);
                    if (i < lines.length - 2) {
                        carp.addPoint(tabPane.getWidth() - 2 * fila,
                                lines[i + 1]);
                        carp.addPoint(0, lines[i + 1]);
                    } else {
                        carp.addPoint(tabPane.getWidth() - 2 * fila, lines[i]
                                + rects[selectedIndex].height);
                        carp.addPoint(0, lines[i] + rects[selectedIndex].height);
                    }
                    carp.addPoint(0, lines[i]);
                    g.setColor(hazAlfa(fila));
                    g.fillPolygon(carp);
                    g.setColor(darkShadow.darker());
                    g.drawPolygon(carp);
                }
            } else {
                int fila = 0;
                for (int i = 0; i < lines.length - 1; i++, fila++) {
                    Polygon carp = new Polygon();
                    carp.addPoint(0, lines[i]);
                    carp.addPoint(tabPane.getWidth() - 2 * fila - 1, lines[i]);
                    carp.addPoint(tabPane.getWidth() - 2 * fila - 1,
                            lines[i + 1] - 3);
                    carp.addPoint(tabPane.getWidth() - 2 * fila - 3,
                            lines[i + 1]);
                    carp.addPoint(0, lines[i + 1]);
                    carp.addPoint(0, lines[i]);
                    g.setColor(hazAlfa(fila + 2));
                    g.fillPolygon(carp);
                    g.setColor(darkShadow.darker());
                    g.drawPolygon(carp);
                }
            }
        }
        super.paintTabArea(g, tabPlacement, selectedIndex);
    }

    @Override
    protected void paintTabBackground(Graphics g, int tabPlacement,
            int tabIndex, int x, int y, int w, int h, boolean isSelected) {
        Graphics2D g2D = (Graphics2D) g;
        ColorSet colorSet;

        Rectangle rect = rects[tabIndex];
        if (isSelected) {
            colorSet = selectedColorSet;
        } else if (getRolloverTab() == tabIndex) {
            colorSet = hoverColorSet;
        } else {
            colorSet = defaultColorSet;
        }
        g2D.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                RenderingHints.VALUE_ANTIALIAS_ON);
        int width = rect.width;
        int xpos = rect.x;
        int yPos = rect.y;
        if (tabIndex > -1) {
            width--;
            xpos++;
            yPos += 2;
        }

        g2D.setPaint(new GradientPaint(xpos, 0, colorSet.topGradColor1, xpos,
                h / 2, colorSet.topGradColor2));
        g2D.fill(this.getUpArea(xpos, yPos, width, h - 2));

        g2D.setPaint(new GradientPaint(0, h / 2, colorSet.bottomGradColor1, 0,
                h, colorSet.bottomGradColor2));
        g2D.fill(this.getDownArea(xpos, yPos, width, h - 2));

    }

    private Shape getArea(int x, int y, int w, int h) {
        RoundRectangle2D rect = new RoundRectangle2D.Float(x, y, w, h, 15, 15);
        Area a = new Area(rect);
        Rectangle2D rec = new Rectangle2D.Float(x, y + h / 2, w, h / 2);
        Area b = new Area(rec);
        a.add(b);
        return a;
    }

    private Shape getUpArea(int x, int y, int w, int h) {
        Rectangle2D rec = new Rectangle2D.Float(x, y, w, h / 3 );
        Area a = new Area(rec);
        RoundRectangle2D rect = new RoundRectangle2D.Float(x, y, w, h, 15, 15);
        Area b = new Area(rect);
        a.intersect(b);
        return a;
    }

    private Shape getDownArea(int x, int y, int w, int h) {
        Rectangle2D rec = new Rectangle2D.Float(x, y + h / 3, w, h*2 / 3 +1);
        Area a = new Area(rec);
        RoundRectangle2D rect = new RoundRectangle2D.Float(x, y, w, h, 15, 15);
        // Area b = new Area(rect);
        // a.intersect(b);
        return a;
    }
    private class ColorSet {
        Color topGradColor1;
        Color topGradColor2;
        Color bottomGradColor1;
        Color bottomGradColor2;
    }

    @Override
    protected void paintText(Graphics g, int tabPlacement, Font font,
            FontMetrics metrics, int tabIndex, String title,
            Rectangle textRect, boolean isSelected) {
        super.paintText(g, tabPlacement, font, metrics, tabIndex, title,
                textRect, isSelected);
        g.setFont(font);
        View v = getTextViewForTab(tabIndex);
        if (v != null) {
            // html
            v.paint(g, textRect);
        } else {
            // plain text
            int mnemIndex = tabPane.getDisplayedMnemonicIndexAt(tabIndex);
            if (tabPane.isEnabled() && tabPane.isEnabledAt(tabIndex)) {
                g.setColor(tabPane.getForegroundAt(tabIndex));
                BasicGraphicsUtils
                        .drawStringUnderlineCharAt(g, title, mnemIndex,
                                textRect.x, textRect.y + metrics.getAscent());
            } else { // tab disabled
                g.setColor(Color.BLACK);
                BasicGraphicsUtils
                        .drawStringUnderlineCharAt(g, title, mnemIndex,
                                textRect.x, textRect.y + metrics.getAscent());
                g.setColor(tabPane.getBackgroundAt(tabIndex).darker());
                BasicGraphicsUtils.drawStringUnderlineCharAt(g, title,
                        mnemIndex, textRect.x - 1,
                        textRect.y + metrics.getAscent() - 1);
            }
        }
    }

    //固定tab标签宽度
    @Override
    protected int calculateTabWidth(int tabPlacement, int tabIndex,
            FontMetrics metrics) {
        return 120;
//      return 10 + anchoFocoV
//              + super.calculateTabWidth(tabPlacement, tabIndex, metrics);
    }

    @Override
    protected int calculateTabHeight(int tabPlacement, int tabIndex,
            int fontHeight) {
        if (tabPlacement == LEFT || tabPlacement == RIGHT) {
            return super.calculateTabHeight(tabPlacement, tabIndex, fontHeight);
        } else {
            return anchoFocoH
                    + super.calculateTabHeight(tabPlacement, tabIndex,
                            fontHeight);
        }
    }

    protected int calculateMaxTabHeight(int tabPlacement) {
        return 25;
    }
    //set tab title hight
    @Override
    protected void paintTabBorder(Graphics g, int tabPlacement, int tabIndex,
            int x, int y, int w, int h, boolean isSelected) {
//      if (isSelected) {
            g.setColor(Color.decode("#afafaf"));
            int[] xp = new int[] { x, x, x + 3, x + w - inclTab - 6,
                    x + w - inclTab - 3, x + w - inclTab, x + w - inclTab, x };
            int[] yp = new int[] { y + h, y + 3, y, y, y, y + 3, y + h, y + h };
            shape = new Polygon(xp, yp, xp.length);
            Graphics2D g2D = (Graphics2D) g;
            g2D.drawPolygon(shape);
            g.setColor(Color.white);
            g.drawLine(x, y + h, x + w - inclTab, y + h);
//      }
    }

    protected int getTabLabelShiftY(int tabPlacement, int tabIndex,
            boolean isSelected) {
        return 0;
    }

    protected int getTabLabelShiftX(int tabPlacement, int tabIndex,
            boolean isSelected) {
        return 0;
    }

    @Override
    protected void paintFocusIndicator(Graphics g, int tabPlacement,
            Rectangle[] rects, int tabIndex, Rectangle iconRect,
            Rectangle textRect, boolean isSelected) {
        if (tabPane.hasFocus() || isSelected) {
            // g.setColor(UIManager.getColor("ScrollBar.thumbShadow"));
            // g.drawPolygon(shape);
        }
    }

    protected Color hazAlfa(int fila) {
        int alfa = 0;
        if (fila >= 0) {
            alfa = 50 + (fila > 7 ? 70 : 10 * fila);
        }
        return new Color(0, 0, 0, alfa);
    }

    private int lastRollOverTab = -1;

    private class RollOverListener implements MouseMotionListener,
            MouseListener {
        public void mouseMoved(MouseEvent e) {
            checkRollOver();
        }

        public void mouseEntered(MouseEvent e) {
            checkRollOver();
        }

        public void mouseExited(MouseEvent e) {
            tabPane.repaint();
        }

        private void checkRollOver() {
            int currentRollOver = getRolloverTab();
            if (currentRollOver != lastRollOverTab) {
                lastRollOverTab = currentRollOver;
                Rectangle tabsRect = new Rectangle(0, 0, tabPane.getWidth(), 
                        tabPane.getHeight()+1);
                tabPane.repaint(tabsRect);
            }
        }
    }
}

关键点： 
1. 继承BasicTabbedPaneUI类，这其中有我们必须要重写的一个方法： 
public static ComponentUI createUI(JComponent c) { 
return new XXXTabbedPaneUI(); 
} 
其中XXXTabbedPaneUI就是自己实现的BasicTabbedPaneUI的子类的名字。

2．下面类出几个改变外观的重要的方法： 
a. protectedvoid installDefaults() //可以改变一些BasicTabbedPaneUI中默认的属性。 
b.protectedvoid paintTabArea(Graphics g, int tabPlacement, int selectedIndex) //绘制整个选项卡区域 
c. protectedvoid paintTabBackground(Graphics g, int tabPlacement, 
int tabIndex, int x, int y, int w, int h, boolean isSelected) 
//绘制某个选项卡的背景色 
d. protectedvoid paintContentBorder(Graphics g, int tabPlacement, 
int selectedIndex) //绘制TabbedPane容器的四周边框样式。 
e. protectedvoid paintFocusIndicator(Graphics g, int tabPlacement, 
Rectangle[] rects, int tabIndex, Rectangle iconRect, 
Rectangle textRect, boolean isSelected) 
//绘制选中某个Tab后，获得焦点的样式。

3、具体paint（）渲染可参考前篇： JButton自定义式样