|
三步实现Cool Button(1)
是不是总觉得Java作出的按钮很难看，尤其是工具栏按钮，要是能作出像Word那样的Cool Button该多好，其实用Java来实现，一点都不难，只要3步就可以了。这么简单？对！就是这么简单。 第一步：准备一个Border，jdk不是自带了很多Border类吗，为什么还要自己写？因为jdk里的border类太粗，达不到我们的效果，只能自己写一个了，不过不用怕，我已经帮你写好了，拿着用就可以了。 第二步：写一个MouseListener，处理button的各种动作（移入、移出、按下、按下移入、按下移出），怎么这么多动作，仔细观察一下Word的工具栏就知道了。 第三步：生成一个JButton对象，设置border、listener和其它一些属性。 下面来看看具体怎么实现。 第一步：编写一个Border类，我们这里称为ThinBevelBorder，让它继承BevelBorder，然后覆盖paintRaisedBevel和paintLoweredBevel方法，让它只化4条边框线，这样看起来就不会那么粗了。具体代码如下： package com.bhr.ioat.coolbutton; XML:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> import Java.awt.Color; import Java.awt.Component; import Java.awt.GraphiCS; import Java.awt.Insets; import Javax.swing.border.BevelBorder; public class ThinBevelBorder extends BevelBorder { public ThinBevelBorder(int bevelType) { super(bevelType); } public ThinBevelBorder(int bevelType, Color highlight, Color shadow) { super(bevelType, highlight, shadow); } public ThinBevelBorder(int bevelType, Color highlightOuterColor, Color highlightInnerColor, Color shadowOuterColor, Color shadowInnerColor) { super(bevelType, highlightOuterColor, highlightInnerColor, shadowOuterColor, shadowInnerColor); } protected void paintRaisedBevel(Component c, GraphiCS g, int x, int y, int width, int height) { try { Color oldColor = g.getColor(); int h = height; int w = width; g.translate(x, y); g.setColor(getHighlightInnerColor(c)); g.drawLine(0, 0, 0, h - 1); g.drawLine(1, 0, w - 1, 0); g.setColor(getShadowInnerColor(c)); g.drawLine(1, h - 1, w - 1, h - 1); g.drawLine(w - 1, 1, w - 1, h - 2); g.translate( -x, -y); g.setColor(oldColor); } catch (NullPointerException e) { } } protected void paintLoweredBevel(Component c, GraphiCS g, int x, int y, int width, int height) { try { Color oldColor = g.getColor(); int h = height; int w = width; g.translate(x, y); g.setColor(getShadowInnerColor(c)); g.drawLine(0, 0, 0, h - 1); g.drawLine(1, 0, w - 1, 0); g.setColor(getHighlightOuterColor(c)); g.drawLine(1, h - 1, w - 1, h - 1); g.drawLine(w - 1, 1, w - 1, h - 2); g.translate( -x, -y); g.setColor(oldColor); } catch (NullPointerException e) { } } } 第二步：编写MouseListener，我们称为CoolButtonMouseListener，继承MouseAdapter，覆盖其中的4个方法（mouseEntered、mouseExited、mousePressed和mouseReleased），这里需要注意一下，后3个方法只是简单的根据条件修改一下button的border，第一个方法比较特别，当鼠标移入时除了判断是否需要修改border外，还要判断鼠标所处的状态，如果处于按下状态，并且第一次按下时为该button，则设为按下状态的border，如果处于按下状态，但第一次按下时不在该button上，则不设置任何border。具体代码如下： package com.bhr.ioat.coolbutton; import Java.awt.event.MouseAdapter; import Java.awt.event.MouseEvent; import Javax.swing.AbstractButton; import Javax.swing.border.Border; import Javax.swing.border.EmptyBorder; public class CoolButtonMouseListener extends MouseAdapter { public final static Border DEFAULT_BORDER = new EmptyBorder(2, 2, 2, 2); public final static Border ENTERED_BORDER = new ThinBevelBorder(ThinBevelBorder.RAISED); public final static Border PRESSED_BORDER = new ThinBevelBorder(ThinBevelBorder.LOWERED); private final static CoolButtonMouseListener listener_ = new CoolButtonMouseListener(); private CoolButtonMouseListener() { } public static CoolButtonMouseListener getInstance() { return listener_; } public void mouseEntered(MouseEvent e) { AbstractButton button = (AbstractButton) e.getSource(); if ( (!button.isEnabled())) { return; } if (button.isSelected()) { return; } if (button.getModel().isPressed()) { button.setBorder(PRESSED_BORDER); } else { if (e.getModifiers() != MouseEvent.BUTTON1_MASK) { button.setBorder(ENTERED_BORDER); } } } public void mouseExited(MouseEvent e) { AbstractButton button = (AbstractButton) e.getSource(); if ( (!button.isEnabled())) { return; } if (button.isSelected()) { return; } else { button.setBorder(DEFAULT_BORDER); } } public void mousePressed(MouseEvent e) { AbstractButton button = (AbstractButton) e.getSource(); if ( (!button.isEnabled())) { return; } if (button.isSelected()) { return; } button.setBorder(PRESSED_BORDER); } public void mouseReleased(MouseEvent e) { AbstractButton button = (AbstractButton) e.getSource(); if ( (!button.isEnabled())) { return; } if (button.isSelected()) { return; } button.setBorder(DEFAULT_BORDER); } } 最后一步：编写一个测试类。生成一个JButton，设置border和listener，添加到JFrame上，运行，终于大功告成了！不过，别太高兴，你会发现还是有点难看，button周围有一个小蓝框，而且鼠标按下时button的背景是深灰色。再修改一下，首先覆盖JButton的isFocusTraversable方法，让它返回false，不让它得到焦点，再调用button的setRequestFocusEnabled(false)，这样button周围就不会有蓝框了。然后再调用button的setContentAreaFilled(false)方法，使得鼠标按下时不会出现深灰色背景。这样就完成了。具体代码如下： package com.bhr.ioat.coolbutton; import Javax.swing.JFrame; import Java.awt.FlowLayout; import Javax.swing.JButton; public class Test extends JFrame{ public Test() { getContentPane().setLayout(new FlowLayout()); JButton button = new JButton("CoolButton") { public boolean isFocusTraversable() { return false; } }; button.setBorder(CoolButtonMouseListener.DEFAULT_BORDER); button.addMouseListener(CoolButtonMouseListener.getInstance()); button.setRequestFocusEnabled(false); button.setContentAreaFilled(false); getContentPane().add(button); } public static void main(String[] args) { JFrame frame = new Test(); frame.setSize(300,300); frame.setVisible(true); } } 这里只是简单介绍了一下实现过程，实际应用还有很多地方需要完善，如可以自己写一个button类继承JButton，然后初始化时自动设置默认border，listener等。另外上面写好的border也可以用到其它component上，如状态栏，效果也不错。
|
