前言:如今 B/S 模式大行其道的情况下,桌面程序不太受到关注。但 Browsers 不可能,也没必要完全取缔 Clients。B/S 方便于维护管理,而 C/S 则在应对复杂情况时显得得心应手。Swing 作为老牌的 GUI 库,依然换发着些许活力
下面是我总结的一些 Java Swing 开发中一些不太容易触及的点。暂分为监听、布局、界面和特效四块。Update Irregularly(想起什么东西的时候更新)
监听
监听在 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 逐个读取输入的字符
使用时的技巧
-
对于不符合要求的输入,可以在
keyTyped
中使用e.consume()
以下代码使之只能输入数字
public void KeyTyped(KeyEvent e){ char i = e.getKeyChar(); if(i < 48 || i > 57) 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
连大小都不用设置,自动布满了分配的空间
界面
JavaSwing 的界面很多人觉得不好看。From my perspective,因为它使用了系统风格的边框,And,金属风格的组件确实很丑。
☸ 取消系统默认风格边框 setUndecorated(true)
设计不同寻常的界面的第一步:
setUndercorated(true);
这样做之后,就只剩下一块空白的 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
可以设置更多的东西,比如一般方法无法修改的分割面板的分割线颜色
☸ 使用 JLabel
代替 JButton
如果希望界面还可以美化,建议使用 JLabel
代替 JButton
JButton
定位是按钮,外观上的修改,部分被限制(哪部分暂时忘了)。JLabel
是标签,几乎可以随心所欲的修改外观,加上监听就变成了按钮
// 设置文字的布局
setHorizontalAlignment(JLabel.CENTER);
// 设置为不透底(默认是透底)
setOpaque(true);
// 设置光标为“手型”
setCursor(new Cursor(Cursor.HAND_CURSOR));
// 添加监听 Bla bla ...
特效
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);
}
}
以上代码,我已经尽量省略了不重要的代码,而且实现仅仅是两个颜色的渐变,如果需要多个颜色渐变,代码更复杂。所以 —— 你还是不要费脑子想了(看我码云吧)
后记:
Swing 提供基础但全面的桌面程序支持,是目前 Java 默认支持的 GUI 库。官方说 Swing 将会被 JavaFX 逐渐代替,不过它生不逢时,没有得到十足的发展。作为一个更为“现代化”的开发框架,JF 几乎在各方面比 Swing 有优势。不过 JF 自然是没有 Swing 开发时的那种直接来的爽快,运行速度也有待提升