Continuación del tutorial [Personalizar JTabbedPane con Netbeans].
La clase BlackTabbedPaneUI que extendemos de BasicTabbedPaneUI, nos da la posibilidad de sobre escribir métodos propios de esta clase para dar un aspecto diferente a los Tabs (pestañas) y al Contenido del swing JTabbedPane. Para una descripción completa de todas los métodos y propiedades de esta clase, sugiero visitar el API Java Class BasicTabbedPaneUI.
Para este sencillo ejemplo solo necesitamos sobre escribir 3 métodos:
Antes, dentro la clase declaramos tres variables de tipo Color, ColorSel para el color del Tabs en estado seleccionado, ColorUnSel para los colores de los tabs no seleccionados y colorContentBorder para el color de borde del contenedor.
public Color colorSel = new Color(0, 0, 0); public Color colorUnSel = new Color(192, 192, 192); public Color colorContentBorder = colorSel;
Haciendo uso de java2d pintamos un rectángulo en las coordenadas X,Y dadas por la propia clase. Este método pinta todos los tabs que tenga el swing, es por eso que se debe hacer una distinción de que tab se esta pintando, si esta seleccionado o no, para eso la propiedad booleana isSelected nos indica tal estado.
@Override
protected void paintTabBackground( Graphics g, int tabPlacement, int tabIndex, int x, int y, int w, int h, boolean isSelected )
{
Graphics2D g2 = (Graphics2D)g;
g2.setColor( (isSelected)? colorSel : colorUnSel );
g2.fillRect(rects[tabIndex].x, rects[tabIndex].y,
rects[tabIndex].width, rects[tabIndex].height);
}
Para pintar el borde, de igual modo, utilizando java2d, pintamos un rectángulo (solo el borde) en las coordenadas (x,y) y (w,h) para el ancho y alto del tab.
@Override
protected void paintTabBorder(Graphics g, int tabPlacement, int tabIndex, int x, int y, int w, int h, boolean isSelected)
{
Graphics2D g2 = (Graphics2D)g;
g2.setColor( (isSelected)? colorSel : colorUnSel );
g2.drawRect(x, y, w, h);
}
Para terminar, pintamos el borde del contenedor, aquí tenemos que tener en cuenta que un JTabbedPane tiene 4 formas de disponer las pestañas, TOP, BOTTOM, LEFT, RIGHT, y de acuerdo a su posición las coordenadas x, y y el ancho y alto del contendor, así como de los propios tabs, varia. como los tabs son rectangulares no hay problema, para el contenedor, se deben hacer unos pequeños cálculos. Finalmente pintamos un rectángulo con las variables (x,y,w,h)
@Override
protected void paintContentBorder(Graphics g, int tabPlacement, int selectedIndex )
{
int width = tabPane.getWidth();
int height = tabPane.getHeight();
Insets insets = tabPane.getInsets();
int x = insets.left;
int y = insets.top;
int w = width - insets.right - insets.left;
int h = height - insets.top - insets.bottom;
switch(tabPlacement)
{
case LEFT:
x += calculateTabAreaWidth(tabPlacement, runCount, maxTabWidth);
x -= tabAreaInsets.right;
w -= (x - insets.left);
break;
case RIGHT:
w -= calculateTabAreaWidth(tabPlacement, runCount, maxTabWidth);
w += tabAreaInsets.left;
break;
case BOTTOM:
h -= calculateTabAreaHeight(tabPlacement, runCount, maxTabHeight);
h += tabAreaInsets.top;
break;
case TOP:
default:
y += calculateTabAreaHeight(tabPlacement, runCount, maxTabHeight);
y -= tabAreaInsets.bottom;
h -= (y - insets.top);
}
if ( tabPane.getTabCount() > 0 )
{
Color color = UIManager.getColor("TabbedPane.contentAreaColor");
if (color != null) {
g.setColor(color);
}
else if ( colorContentBorder == null || selectedIndex == -1 ) {
g.setColor(tabPane.getBackground());
}
else {
g.setColor(colorContentBorder);
}
g.fillRect(x,y,w,h);
}
}
La clase completa queda de la siguiente forma:
package org.matrix; import java.awt.Color; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.Insets; import javax.swing.UIManager; import javax.swing.plaf.basic.BasicTabbedPaneUI; /** * @web https://www.jc-mouse.net * @author Mouse */ public class BlackTabbedPaneUI extends BasicTabbedPaneUI { public Color colorSel = new Color(0, 0, 0); public Color colorUnSel = new Color(192, 192, 192); public Color colorContentBorder = colorSel; @Override protected void paintTabBackground( Graphics g, int tabPlacement, int tabIndex, int x, int y, int w, int h, boolean isSelected ) { Graphics2D g2 = (Graphics2D)g; g2.setColor( (isSelected)? colorSel : colorUnSel ); g2.fillRect(rects[tabIndex].x, rects[tabIndex].y, rects[tabIndex].width, rects[tabIndex].height); } @Override protected void paintTabBorder(Graphics g, int tabPlacement, int tabIndex, int x, int y, int w, int h, boolean isSelected) { Graphics2D g2 = (Graphics2D)g; g2.setColor( (isSelected)? colorSel : colorUnSel ); g2.drawRect(x, y, w, h); } @Override protected void paintContentBorder(Graphics g, int tabPlacement, int selectedIndex ) { int width = tabPane.getWidth(); int height = tabPane.getHeight(); Insets insets = tabPane.getInsets(); int x = insets.left; int y = insets.top; int w = width - insets.right - insets.left; int h = height - insets.top - insets.bottom; switch(tabPlacement) { case LEFT: x += calculateTabAreaWidth(tabPlacement, runCount, maxTabWidth); x -= tabAreaInsets.right; w -= (x - insets.left); break; case RIGHT: w -= calculateTabAreaWidth(tabPlacement, runCount, maxTabWidth); w += tabAreaInsets.left; break; case BOTTOM: h -= calculateTabAreaHeight(tabPlacement, runCount, maxTabHeight); h += tabAreaInsets.top; break; case TOP: default: y += calculateTabAreaHeight(tabPlacement, runCount, maxTabHeight); y -= tabAreaInsets.bottom; h -= (y - insets.top); } if ( tabPane.getTabCount() > 0 ) { Color color = UIManager.getColor("TabbedPane.contentAreaColor"); if (color != null) { g.setColor(color); } else if ( colorContentBorder == null || selectedIndex == -1 ) { g.setColor(tabPane.getBackground()); } else { g.setColor(colorContentBorder); } g.fillRect(x,y,w,h); } } }
La clase BlackTabbedPaneUI, se debe implementar en la clase BlackTabbedPane, asi tambien, completar los métodos SET y GET, la clase final queda de la siguiente forma:
package org.matrix; import java.awt.Color; import java.awt.Dimension; import javax.swing.JTabbedPane; /** * @web https://www.jc-mouse.net * @author Mouse */ public class BlackTabbedPane extends JTabbedPane { BlackTabbedPaneUI blackTabbedPaneUI = new BlackTabbedPaneUI(); /** * Constructor de clase */ public BlackTabbedPane(){ this.setPreferredSize( new Dimension(100,100) ); this.setForeground(new Color(255, 255, 255)); this.setUI( blackTabbedPaneUI ); this.setVisible(true); } public void setTabSelectedColor( Color color ) { blackTabbedPaneUI.colorSel = color; blackTabbedPaneUI.colorContentBorder=color; } public Color getTabSelectedColor() { return ( blackTabbedPaneUI.colorSel==null)? new Color(0,0,0): blackTabbedPaneUI.colorSel ; } public void setTabUnselectedColor( Color color ) { blackTabbedPaneUI.colorUnSel = color; } public Color getTabUnselectedColor() { return ( blackTabbedPaneUI.colorUnSel==null)? new Color(192,192,192): blackTabbedPaneUI.colorUnSel ; } }//-->
Ya solo nos queda crear el *.jar, clic derecho sobre el nombre del proyecto y CLEAN AND BUILD. con eso ya tenemos lista nuestra librería JTabbedPane. Para instalar y utilizar este swing desde netbeans, lee el siguiente tutorial [Añadir/Instalar nuevas librerias a Netbeans].
Bajate el proyecto completo en netbeans 7.2 HERE :=D
Si te quedo en alguna duda, preguuuuuuuuuuuuuntame 🙂
enjoy!!!
Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje[...]
En este tutorial crearemos una aplicación sencilla para activar y desactivar el bluetooth de nuestros teléfonos intelige[...]
Cuando desarrollamos aplicaciones en java con base de datos debemos tener cuidado en que se cumplan un conjunto de carac[...]
Cuando escribimos aplicaciones para android debemos tener cuidado al diseñar la interfaz en la posición que tomaran los[...]
JavaFX implementa el control webview que nos permite agregar contenido HTML cargado mediante la clase WebEngine. El comp[...]
JavaFX un producto de Sun Microsystems/Oracle Corporation que salio a la luz para competir con tecnologías como Flash o[...]
