我总结了一些 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);
}
}
(这是里是我的实现)