Swing 的一些「很少人知道的」开发经验

我总结了一些 Java Swing 开发中一些可能很少人知道的，或者不容易触及的点。暂分为监听、布局、界面和特效四块。Update Irregularly（想起什么东西的时候更新）

---

界面

JavaSwing 的界面很多人觉得不好看。From my perspective，因为它使用了系统风格的边框，And，金属风格的组件确实很丑。

☸ 取消系统默认风格边框 setUndecorated(true)

设计不同寻常的界面的第一步：

setUndercorated(true);

这样做之后，就只剩下一块空白的 Frame，包括关闭按钮等都需要你自己做（这也并不是难题）。同时也意味着你最大限度的掌握的界面的控制权（这时候也就可以设置 Frame 为透明了）

☸ 改用系统风格的组件

UIManager.setLookAndFeel(...) 用来设置组件风格

try {
    // 使用系统风格
    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
    } catch (Exception e) {
        e.printStackTrace();
    }

// -------- 如无特殊需求，代码到这里就可以结束 ---------

// 获取 Swing 组件的默认属性表
UIDefaults uidefs = UIManager.getLookAndFeelDefaults();
// 设置分割面板的分割线的颜色为 DARK_GRAY
uidefs.put("SplitPane.background", new ColorUIResource(Color.DARK_GRAY)
// ...
);

这样，组件的风格跟系统实现了统一，界面自然美观不少

如分割线以下的代码所示，使用获取到的 UIDefaults 可以设置更多的东西，比如一般方法无法修改的分割面板的分割线颜色

当然也可以修改为其他风格的 UI。查询所有属性和已经安装的风格：

for (Object o: uidefs.keySet()) {
	System.out.println(o + " - " + uidefs.get(o));
}

for (UIManager.LookAndFeelInfo l: UIManager.getInstalledLookAndFeels()){
	System.out.println(l.toString());
}

☸ 使用 JLabel 代替 JButton

如果希望界面还可以美化，建议使用 JLabel 代替 JButton

JButton 定位是按钮，外观上的修改，部分被限制。JLabel 是标签，几乎可以随心所欲的修改外观，加上监听就变成了按钮

// 设置文字的布局
setHorizontalAlignment(JLabel.CENTER);
// 设置为不透底（默认是透底）
setOpaque(true);
// 设置光标为“手型”
setCursor(new Cursor(Cursor.HAND_CURSOR));
// 添加监听 Bla bla ...

监听

监听在 Swing 中至关重要，是让其活起来的关键

☸ KeyListener 的使用经验

3 个方法的特性

以下表述中，使用字母代替 3 个方法: P → KeyPressed，T → KeyTyped，R → KeyReleased

非输入法状态：

• 监听顺序是 P、T、R
• T、P、R 可读取 keyChar （字符），P、R 可读取 KeyCode （键值）
• T 无法监听特殊按键（shift、ctrl、alt）

输入法状态（搜狗输入法等）：

• P 无效，R 正常监听按键，T 逐个读取输入的字符

使用时的技巧

• e.consume() 用来拦截输入、拦截复制粘贴

  此方法在 keyTyped 拦截字符，在 KeyPressed 拦截 Ctrl、Shift、Alt。在 KeyReleased 中无效（即已经输入过，反悔不了了~）

  以下代码使之只能输入数字，且不能复制输入

  public void KeyTyped(KeyEvent e){
      char i = e.getKeyChar();
      if(i < 48 || i > 57)
          e.consume();
  }
  
  public void KeyPressed(KeyEvent e){
      e.consume();
  }
  

☸ MouseListener + MouseMotionListener 实现组件拖曳

// cStart 是组件起始位置，mPre 是鼠标当前位置，mStart 是鼠标按下位置
Point cStart,mPre,mStart;

// c 是被拖动的组件，listen 是接收监听的组件
void drag(Component c, Component listen){
    listen.addMouseListener(new MouseAdapter() {
        // 监测按下动作
        public void mousePressed(MouseEvent e){
            cStart = c.getLocation();
            mStart = e.getLocationOnScreen();
        }
    });
    listen.addMouseMotionListener(new MouseAdapter() {
        // 监测拖曳动作
        public void mouseDragged(MouseEvent e){
            mPre = e.getLocationOnScreen();
            int x = mPre.x - mStart.x + cStart.x,
                y = mPre.y - mStart.y + cStart.y;
            c.setLocation(new Point(x, y));
        }
    });
}

这份代码实现了简单的拖曳，如有需要，可以自行扩展

建议将此单独包装成类，可以解决需要全局变量的问题，也方便快速操作

布局

觉得几个好用布局是：GridLayout，FlowLayout，BoxLayout 和 null 等

也用过 GridBagLayout，很强大但操作过于复杂。后来发现它所面对的情况，有更精巧的解决办法

☸ 分割面板 JSplitPane

一个简单粗暴的布局方案，可以轻松完成界面的大体布局

// 参数使这个 JSplitPane 变为纵向分割，不填就默认为横向分割
JSplitPane spliter = new JSplitPane(JSplitPane.VERTICAL_SPLIT);

// 设置首选大小 （首选大小是组件在所有布局上的大小，包括流式布局等）
spliter.setPreferredSize(new Dimension(width, height));
// 设置分割线位置
spliter.setDividerLocation(location);
// 设置分割线宽度，如果为 0 就不显示
spliter.setDividerSize(2);
// ...

// 以下两个方法，对于横向分割，设置其左右组件；对于纵向分割，设置其上下组件
spliter.setLeftComponent(left);
spliter.setRightComponent(right);

这里需要介绍下完美适配的，让文本域可以滚动的组件：JScrollPane

JTextArea area = new JTextArea();
JScrollPane scroller = new JScrollPane(area);
spliter.setLeftComponent(scroller);

这波操作后，滚动面板的滚动条，就只会在需要它的时候出现

而且你发现，文本域 area 连大小都不用设置，自动布满了分配的空间

特效

JQuery 可以制作淡入淡出、滑入滑出等简单的特效。这些在 Swing 中可以借助多线程来实现（js 中可以借助 setTimeout 方法)，来实现动画

☸ 使用多线程实现动画特效

以移动一个组件为例：

new Thread(()-> {
    // 获取位置
    int p_x = c.getX(), p_y = c.getY();
    // 移动位置
    while(p_x < 200){
        p_x += 5;
        c.setLocation(p_x, p_y);
        // 睡眠
        try {
            Thread.sleep(25);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
}.start();

如代码所示，1000（ms）/25（ms） = 40，组件将以 40（帧/秒），5（px/帧）的速度，也就是 40 × 5 = 200（px/秒）的速度右移至横坐标 200 的位置

请思考，这些为什么需要写在新的线程里？

一个组件 Component （一般指其子类）上有很多用数字控制的特性，如颜色，位置，图像角度、倾斜度等。可以使用类似方法，控制这些数字，实现颜色淡入淡出、图像旋转等特效。

☸ 实现 liner-gradul 效果

css 中 liner-gradul 是我比较喜欢的一个效果。Swing 可以使用 Graphics + BufferedImage ，通过在面板上逐行或逐列的绘线来实现：

public class Liner extends JPanel{
    private int height, width;
    private BufferedImage bufImg = null;
    // 构造方法，创建一个面板
    public Liner(int width, int height){
        // ... 设置面板大小等
    }
    // 绘制
    public void draw(Color a,Color b){
        bufImg = new BufferedImage(width, height, BufferedImage.TYPE_4BYTE_ABGR);
        Graphics g = bufImg.getGraphics();
        
        // 获取 RGB 值和 “每个分量每次增加的值”
        float[] rgb_a = getRGB(a), rgb_b = getRGB(b), dev = new float[3];
        for(int x = 0; x < 3; x++){
            dev[x] = (rgb_b[x] - rgb_a[x]) / width;
        }
        
        int position = 0;
        // 逐列绘制
        for(int i = 0; i < width; i++){
            // 转为整数
            int[] show = correct(pre);
            g.setColor(new Color(show[0], show[1], show[2]));
            g.drawLine(p, 0, p, height);

            // 加“加值”
            crease(pre, dev);
            position++;
        }
        repaint();
    }

    // 纠正颜色值，并转换为整数数组
    private int[] correct(float[] pre){
        // ...
    }
    // 增减颜色值
    private float[] crease(float[] pre, float[] dev){
        for(int i = 0; i < 3; i++)
            pre[i] += dev[i];
        return pre;
    }
    // 获取颜色值
    private float[] getRGB(Color a){
        return new float[]{a.getRed(), a.getGreen(), a.getBlue()};
    }
    @Override
    public void paint(Graphics g) {
        g.drawImage(bufImg, 0, 0, null);
    }
}

（这是里是我的实现）

---

这里有项目，实现了上面的东西