189 8069 5689

Swing不丑系列:JComboBox

一直都是一只菜鸟..不管别人怎么说.

[[20608]]

一直认为Swing不丑..所以打算这段时间写个Swing不丑系列(献丑了)

[[20609]]

-----------------------------

话说JComboBox 默认外观确实不是太好看..在由于本人有时实在太贱.就是想要它好看...所以..这不..又折腾了..

其实这个ComboBox 刚开始想改变外观 只考虑到renderer 毕竟swing上所有的界面 显示全靠renderer来控制..

所以 着手写ComboBoxRenderer. 总是觉的 JComboBox 似乎不太好搞定 因为它不但有显示框 还有小键头.

还有弹出的List 还有ScrollBar..等等.. 似乎不那么好搞...不过Swing是强大的 ..只要你能想到..就可以做到.

那么我们要做几件事.

1: 重载JComboBox 并且设置面板透明

2: 新建renderer 实现ListCellRenderer接口

3: 重载BasicComboBoxUI

1.重载JComboBox 并且设置面板透明 设置renderer 以及设置 ui

 
 
 
 
    
  
  
  
  
  1. public class IComboBox extends JComboBox{  
    2.   
  
  
  
  2.    
    3.   
  
  
  
  3.  public IComboBox(){  
    4.   
  
  
  
  4.   super();  
    5.   
  
  
  
  5.   init();  
    6.   
  
  
  
  6.  }  
    7.   
  
  
  
  7.  public IComboBox(ComboBoxModel model){  
    8.   
  
  
  
  8.   super(model);  
    9.   
  
  
  
  9.   init();  
    10.   
  
  
  
  10.  }  
    11.   
  
  
  
  11.  public IComboBox(Object[] items){  
    12.   
  
  
  
  12.   super(items);  
    13.   
  
  
  
  13.   init();  
    14.   
  
  
  
  14.  }  
    15.   
  
  
  
  15.  public IComboBox(Vector  items){  
    16.   
  
  
  
  16.   super(items);  
    17.   
  
  
  
  17.   init();  
    18.   
  
  
  
  18.  }  
    19.   
  
  
  
  19.  private void init(){  
    20.   
  
  
  
  20.   setOpaque(false);  
    21.   
  
  
  
  21.   setUI(new IComboBoxUI());  
    22.   
  
  
  
  22.   setRenderer(new IComboBoxRenderer());  
    23.   
  
  
  
  23.   setBackground(XUtil.defaultComboBoxColor);  
    24.   
  
  
  
  24.  }  
    25.   
  
  
  
  25.  public Dimension getPreferredSize(){  
    26.   
  
  
  
  26.   return super.getPreferredSize();  
    27.   
  
  
  
  27.  }  
    28.   
  
  
  
  28. } 
    29.

2.新建renderer 实现ListCellRenderer接口.注意.这里的ComboBoxRenderer它是控制combobox弹出的List 并非控制JComboBox的 注意 他实现的是ListCellRenderer

 
 
 
 
    
  
  
  
  
  1. public class IComboBoxRenderer implements ListCellRenderer {  
    2.   
  
  
  
  2.    
    3.   
  
  
  
  3.  private DefaultListCellRenderer defaultCellRenderer = new DefaultListCellRenderer();  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  public IComboBoxRenderer() {  
    6.   
  
  
  
  6.   super();  
    7.   
  
  
  
  7.  }  
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  public Component getListCellRendererComponent(JList list, Object value,  
    10.   
  
  
  
  10.    int index, boolean isSelected, boolean cellHasFocus) {  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.   JLabel renderer = (JLabel)defaultCellRenderer.getListCellRendererComponent(  
    13.   
  
  
  
  13.     list, value, index, isSelected, cellHasFocus);  
    14.   
  
  
  
  14.   if(isSelected){  
    15.   
  
  
  
  15.    renderer.setBackground(XUtil.defaultComboBoxBoundsColor);  
    16.   
  
  
  
  16.    renderer.setForeground(Color.WHITE);  
    17.   
  
  
  
  17.   }else{  
    18.   
  
  
  
  18.    renderer.setBackground(Color.WHITE);  
    19.   
  
  
  
  19.   }  
    20.   
  
  
  
  20.   list.setSelectionBackground(XUtil.defaultComboBoxColor);  
    21.   
  
  
  
  21.   list.setBorder(null);  
    22.   
  
  
  
  22.   renderer.setFont(XUtil.defaultComboBoxFont);  
    23.   
  
  
  
  23.   renderer.setHorizontalAlignment(JLabel.CENTER);  
    24.   
  
  
  
  24.   return renderer;  
    25.   
  
  
  
  25.  }  
    26.   
  
  
  
  26. } 
    27.

3重载BasicComboBoxUI .sure 这里当然要注意.因为他是JComboBox的绘制机制

这里包括ComboBox右边的那个箭头的Button.(我们已经通过重写 createArrowButton 来改变这个Button);

至于弹出的List ,it in here, look it ..createPoput(); it create ComboPopup.(不好意思 最近在学英文 总是那么顺口来那么几句.)

这里存在一个ScrollPane 它包含了List.并且我们重写ScrollPane的paintBorder方法 来让我们画出List的Border

 
 
 
 
    
  
  
  
  
  1. public class IComboBoxUI extends BasicComboBoxUI {  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  private JButton arrow;  
    4.   
  
  
  
  4.  private boolean boundsLight = false;  
    5.   
  
  
  
  5.  private static final int ARCWIDTH = 15;  
    6.   
  
  
  
  6.  private static final int ARCHEIGHT = 15;  
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8.  public IComboBoxUI() {  
    9.   
  
  
  
  9.   super();  
    10.   
  
  
  
  10.  }  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  protected JButton createArrowButton() {  
    13.   
  
  
  
  13.   arrow = new JButton();  
    14.   
  
  
  
  14.   arrow.setIcon(XUtil.defaultComboBoxArrowIcon);  
    15.   
  
  
  
  15.   arrow.setRolloverEnabled(true);  
    16.   
  
  
  
  16.   arrow.setRolloverIcon(XUtil.defaultComboBoxArrowIcon_Into);  
    17.   
  
  
  
  17.   arrow.setBorder(null);  
    18.   
  
  
  
  18.   arrow.setBackground(XUtil.defaultComboBoxColor);  
    19.   
  
  
  
  19.   arrow.setOpaque(false);  
    20.   
  
  
  
  20.   arrow.setContentAreaFilled(false);  
    21.   
  
  
  
  21.   return arrow;  
    22.   
  
  
  
  22.  }  
    23.   
  
  
  
  23.  
    24.   
  
  
  
  24.  public void paint(Graphics g, JComponent c) {  
    25.   
  
  
  
  25.   hasFocus = comboBox.hasFocus();  
    26.   
  
  
  
  26.   Graphics2D g2 = (Graphics2D)g;  
    27.   
  
  
  
  27.   if (!comboBox.isEditable()) {  
    28.   
  
  
  
  28.    Rectangle r = rectangleForCurrentValue();  
    29.   
  
  
  
  29.    //重点:JComboBox的textfield 的绘制 并不是靠Renderer来控制 这点让我很吃惊.  
    30.   
  
  
  
  30.    //它会通过paintCurrentValueBackground来绘制背景  
    31.   
  
  
  
  31.    //然后通过paintCurrentValue();去绘制JComboBox里显示的值  
    32.   
  
  
  
  32.    paintCurrentValueBackground(g2, r, hasFocus);  
    33.   
  
  
  
  33.    paintCurrentValue(g2, r, hasFocus);  
    34.   
  
  
  
  34.   }  
    35.   
  
  
  
  35.     
    36.   
  
  
  
  36.   g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    37.   
  
  
  
  37.     RenderingHints.VALUE_ANTIALIAS_ON);  
    38.   
  
  
  
  38.   int width = (int) this.getPreferredSize(c).getWidth()  
    39.   
  
  
  
  39.     + arrow.getWidth() - 2;  
    40.   
  
  
  
  40.   int height = 0;  
    41.   
  
  
  
  41.   int heightOffset = 0;  
    42.   
  
  
  
  42.   if (comboBox.isPopupVisible()) {  
    43.   
  
  
  
  43.    heightOffset = 5;  
    44.   
  
  
  
  44.    height = (int) this.getPreferredSize(c).getHeight();  
    45.   
  
  
  
  45.    arrow.setIcon(XUtil.defaultComboBoxArrowIcon_Into);  
    46.   
  
  
  
  46.   } else {  
    47.   
  
  
  
  47.    heightOffset = 0;  
    48.   
  
  
  
  48.    height = (int) this.getPreferredSize(c).getHeight() - 1;  
    49.   
  
  
  
  49.    arrow.setIcon(XUtil.defaultComboBoxArrowIcon);  
    50.   
  
  
  
  50.   }  
    51.   
  
  
  
  51.   if (comboBox.isFocusable()) {  
    52.   
  
  
  
  52.    g2.setColor(new Color(150, 207, 254));  
    53.   
  
  
  
  53.   }  
    54.   
  
  
  
  54.   g2.drawRoundRect(0, 0, width, height + heightOffset,ARCWIDTH,ARCHEIGHT);  
    55.   
  
  
  
  55.  }  
    56.   
  
  
  
  56.  
    57.   
  
  
  
  57.  public void paintCurrentValue(Graphics g, Rectangle bounds, boolean hasFocus) {  
    58.   
  
  
  
  58.   Font oldFont = comboBox.getFont();  
    59.   
  
  
  
  59.   comboBox.setFont(XUtil.defaultComboBoxFont);  
    60.   
  
  
  
  60.     
    61.   
  
  
  
  61.   super.paintCurrentValue(g, bounds, hasFocus);  
    62.   
  
  
  
  62.   comboBox.setFont(oldFont);  
    63.   
  
  
  
  63.  }  
    64.   
  
  
  
  64.  
    65.   
  
  
  
  65.  public Dimension getPreferredSize(JComponent c) {  
    66.   
  
  
  
  66.   return super.getPreferredSize(c);  
    67.   
  
  
  
  67.  }  
    68.   
  
  
  
  68.  
    69.   
  
  
  
  69.  public boolean isBoundsLight() {  
    70.   
  
  
  
  70.   return boundsLight;  
    71.   
  
  
  
  71.  }  
    72.   
  
  
  
  72.  
    73.   
  
  
  
  73.  public void setBoundsLight(boolean boundsLight) {  
    74.   
  
  
  
  74.   this.boundsLight = boundsLight;  
    75.   
  
  
  
  75.  }  
    76.   
  
  
  
  76.  
    77.   
  
  
  
  77.  protected ComboPopup createPopup() {  
    78.   
  
  
  
  78.   ComboPopup popup = new BasicComboPopup(comboBox) {  
    79.   
  
  
  
  79.    protected JScrollPane createScroller() {  
    80.   
  
  
  
  80.     IScrollPane sp = new IScrollPane(list,  
    81.   
  
  
  
  81.       ScrollPaneConstants.VERTICAL_SCROLLBAR_AS_NEEDED,  
    82.   
  
  
  
  82.       ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER);  
    83.   
  
  
  
  83.     sp.setHorizontalScrollBar(null);  
    84.   
  
  
  
  84.     return sp;  
    85.   
  
  
  
  85.    }  
    86.   
  
  
  
  86.    //重载paintBorder方法 来画出我们想要的边框..  
    87.   
  
  
  
  87.    public void paintBorder(Graphics g){  
    88.   
  
  
  
  88.     Graphics2D g2 = (Graphics2D) g;  
    89.   
  
  
  
  89.     g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    90.   
  
  
  
  90.       RenderingHints.VALUE_ANTIALIAS_ON);  
    91.   
  
  
  
  91.     g2.setColor(new Color(150, 207, 254));  
    92.   
  
  
  
  92.     g2.drawRoundRect(0,-arrow.getHeight(),getWidth()-1,getHeight()+arrow.getHeight()-1,0,0);  
    93.   
  
  
  
  93.    }  
    94.   
  
  
  
  94.   };  
    95.   
  
  
  
  95.   return popup;  
    96.   
  
  
  
  96.  }  
    97.   
  
  
  
  97. } 
    98.

ok. 那么到这里 ComboBox这块已经end 但是似乎还有个问题存在 那就是createPopup 方法里的ScrollPane的滚动条还是有点丑.

so。.next 我们搞定 it.

1:继承 ScrollBar 并且 setUI();

2:继承 BasicScrollBarUI 我们来G出我们的效果.

paintThumb 绘制scrollbar里拖动的小box 我们先画个边框 and draw two Orange line.

paintTrack 绘制scrollbar里小box的轨迹.也就是那个啥(术语怎么说来着?拖拽滑块?).

注意:我们首先将Graphics设置透明后 在去画面板 然后立刻把Graphics设置为不透明..

这样是为了能让我们把轨迹左边边界画出来...

createIncreaseButton draw down arrowButton 小心 千万不要use JButton button = new JButton();

should use BasicArrowButton 不然你将无法click this button 并产生你想要的效果..

你猜的到 createDecreaseButton(); 方法是干什么的..(笨蛋 上面那个Button啦);

 
 
 
 
    
  
  
  
  
  1. public class IScrollBarUI extends BasicScrollBarUI{  
    2.   
  
  
  
  2.  public IScrollBarUI(){  
    3.   
  
  
  
  3.   super();  
    4.   
  
  
  
  4.  }  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  protected void paintThumb(Graphics g, JComponent c, Rectangle thumbBounds) {  
    7.   
  
  
  
  7.   int width = thumbBounds.width;  
    8.   
  
  
  
  8.   int height = thumbBounds.height;  
    9.   
  
  
  
  9.   Graphics2D g2 = (Graphics2D)g;  
    10.   
  
  
  
  10.   g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    11.   
  
  
  
  11.           RenderingHints.VALUE_ANTIALIAS_ON);  
    12.   
  
  
  
  12.     
    13.   
  
  
  
  13.   g2.translate(thumbBounds.x, thumbBounds.y);  
    14.   
  
  
  
  14.   g2.setColor(XUtil.defaultComboBoxBoundsColor);  
    15.   
  
  
  
  15.   g2.drawRoundRect(1,1,width-2, height-2,5,5);  
    16.   
  
  
  
  16.     
    17.   
  
  
  
  17.   g2.setColor(Color.ORANGE);  
    18.   
  
  
  
  18.   g2.drawLine(3,height/2,width-4,height/2);  
    19.   
  
  
  
  19.   g2.drawLine(3,height/2+3,width-4,height/2+3);  
    20.   
  
  
  
  20.   g2.translate(-thumbBounds.x, -thumbBounds.y);  
    21.   
  
  
  
  21.  }  
    22.   
  
  
  
  22.  
    23.   
  
  
  
  23.  protected void paintTrack(Graphics g, JComponent c, Rectangle trackBounds) {  
    24.   
  
  
  
  24.   g.setColor(XUtil.defaultComboBoxColor);  
    25.   
  
  
  
  25.   int x = trackBounds.x;  
    26.   
  
  
  
  26.   int y = trackBounds.y;  
    27.   
  
  
  
  27.   int width = trackBounds.width;  
    28.   
  
  
  
  28.   int height = trackBounds.height;  
    29.   
  
  
  
  29.   Graphics2D g2 = (Graphics2D)g;  
    30.   
  
  
  
  30.   g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    31.   
  
  
  
  31.           RenderingHints.VALUE_ANTIALIAS_ON);  
    32.   
  
  
  
  32.   g2.setComposite(AlphaComposite  
    33.   
  
  
  
  33.     .getInstance(AlphaComposite.SRC_OVER, 0.1f));  
    34.   
  
  
  
  34.     
    35.   
  
  
  
  35.   g2.fill3DRect(x, y, width, height, true);  
    36.   
  
  
  
  36.   g2.setComposite(AlphaComposite  
    37.   
  
  
  
  37.     .getInstance(AlphaComposite.SRC_OVER, 1f));  
    38.   
  
  
  
  38.   g2.setColor(XUtil.defaultComboBoxBoundsColor.brighter());  
    39.   
  
  
  
  39.   g2.fill3DRect(x, y, 1, height+1, true);  
    40.   
  
  
  
  40.   if(trackHighlight == DECREASE_HIGHLIGHT) {  
    41.   
  
  
  
  41.       paintDecreaseHighlight(g);  
    42.   
  
  
  
  42.   }   
    43.   
  
  
  
  43.   else if(trackHighlight == INCREASE_HIGHLIGHT)  {  
    44.   
  
  
  
  44.       paintIncreaseHighlight(g);  
    45.   
  
  
  
  45.   }  
    46.   
  
  
  
  46.  }  
    47.   
  
  
  
  47.  
    48.   
  
  
  
  48.  protected JButton createIncreaseButton(int orientation) {  
    49.   
  
  
  
  49.   JButton button = new BasicArrowButton(orientation){  
    50.   
  
  
  
  50.    public void paint(Graphics g) {  
    51.   
  
  
  
  51.     Graphics2D g2 = (Graphics2D)g;  
    52.   
  
  
  
  52.     g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    53.   
  
  
  
  53.             RenderingHints.VALUE_ANTIALIAS_ON);  
    54.   
  
  
  
  54.     g2.setColor(XUtil.defaultComboBoxBoundsColor);  
    55.   
  
  
  
  55.     g2.drawLine(0,0,0,getHeight());  
    56.   
  
  
  
  56.     g2.drawLine(0,0,getWidth(),0-1);  
    57.   
  
  
  
  57.     g2.drawImage(((ImageIcon)XUtil.defaultComboBoxArrowIcon_Into).getImage(),-1,0,null);  
    58.   
  
  
  
  58.    }  
    59.   
  
  
  
  59.   };  
    60.   
  
  
  
  60.   button.setOpaque(false);  
    61.   
  
  
  
  61.   return button;  
    62.   
  
  
  
  62.  }  
    63.   
  
  
  
  63.  
    64.   
  
  
  
  64.  protected JButton createDecreaseButton(int orientation) {  
    65.   
  
  
  
  65.  
    66.   
  
  
  
  66.     
    67.   
  
  
  
  67.   JButton button = new BasicArrowButton(orientation){  
    68.   
  
  
  
  68.    public void paint(Graphics g) {  
    69.   
  
  
  
  69.     Graphics2D g2 = (Graphics2D)g;  
    70.   
  
  
  
  70.     g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,  
    71.   
  
  
  
  71.             RenderingHints.VALUE_ANTIALIAS_ON);  
    72.   
  
  
  
  72.     g2.setColor(XUtil.defaultComboBoxBoundsColor);  
    73.   
  
  
  
  73.     g2.drawLine(0,0,0,getHeight());  
    74.   
  
  
  
  74.     g2.drawLine(0,getHeight()-1,getWidth(),getHeight());  
    75.   
  
  
  
  75.     g2.drawImage(((ImageIcon)XUtil.defaultComboBoxArrowIcon_Into).getImage(),-1,0,null);  
    76.   
  
  
  
  76.    }  
    77.   
  
  
  
  77.   };  
    78.   
  
  
  
  78.   button.setOpaque(false);  
    79.   
  
  
  
  79.   return button;  
    80.   
  
  
  
  80.  }  
    81.   
  
  
  
  81. } 
    82.

当前文章：Swing不丑系列:JComboBox
文章出自：http://www.cdxtjz.cn/article/dpgehih.html

其他资讯