LAF让Java Swing漂亮起来

       上班之余抽点时间出来写写博文，希望对新接触的朋友有帮助。今天在这里和大家一起学习一下Java Swing 中的LAF。其实很多朋友觉得Swing很丑，那是因为他们还没有真正认识到Swing，要想让Swing漂亮起来就必须熟练掌握LAF （全称:LookAndFeel）。可能很多新接触的朋友对LAF很抽象，这里简单说，LAF的功能有点像网页中的CSS，LAF可以定制Swing app的风格。

     这里还是老规矩，先上官网：http://docs.oracle.com/javase/tutorial/uiswing/lookandfeel/index.html 

     其实JDK已经自带了几种LAF， 看看下面的例子，如何正确使用JDK自带的LAF。

package org.dui.laf;

import java.awt.Color;
import java.awt.Font;
import java.awt.GridLayout;
import java.awt.event.ItemEvent;
import java.awt.event.ItemListener;
import java.util.Enumeration;

import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JRadioButton;
import javax.swing.JTextField;
import javax.swing.SwingUtilities;
import javax.swing.UIDefaults;
import javax.swing.UIManager;
import javax.swing.UIManager.LookAndFeelInfo;

/**
 * <code>LAFDemo01</code>
 * 
 * @author Jimmy(SZ)
 * 
 * @since <i>v1.0.0 (Apr 11,2013)</i>
 */
public class LAFDemo01 extends JPanel {
	private static final long serialVersionUID = 1L;
	private JComboBox m_oCmb;

	/**
	 * Create an instance
	 */
	public LAFDemo01() {
		initGUI();
		initEventHandler();
		initDataBindings();
	}

	/**
	 * Initial the ui
	 * 
	 * @since <i>v1.0.0 (Apr 11,2013)</i>
	 */
	public void initGUI() {
		this.setLayout(new GridLayout(7, 2));
		m_oCmb = new JComboBox();
		this.add(new JLabel("在这里选择你喜欢的LAF:"));
		this.add(m_oCmb);
		this.add(new JLabel("Button : "));
		this.add(new JButton("Button"));
		this.add(new JLabel("TextField : "));
		this.add(new JTextField(""));
		this.add(new JLabel("CheckBox : "));
		this.add(new JCheckBox("CheckBox"));
		this.add(new JLabel("RadioButton : "));
		this.add(new JRadioButton("RadioButton"));
		this.add(new JLabel("ComboBox : "));
		this.add(new JComboBox(new String[] { "ComboBox" }));
	}

	/**
	 * Binding the event
	 * 
	 * @since <i>v1.0.0 (Apr 11,2013)</i>
	 */
	public void initEventHandler() {
		m_oCmb.addItemListener(new ItemListener() {
			@Override
			public void itemStateChanged(ItemEvent e) {
				try {
					UIManager.setLookAndFeel(((DataType) e.getItem()).getVal());
				} catch (Exception e1) {
					e1.printStackTrace();
				}
				SwingUtilities.updateComponentTreeUI(LAFDemo01.this);
			}
		});
	}

	public void initDataBindings() {
		LookAndFeelInfo[] aInfo = UIManager.getInstalledLookAndFeels();
		for (LookAndFeelInfo oInfo : aInfo) {
			DataType oType = new DataType(oInfo.getName(), oInfo.getClassName());
			m_oCmb.addItem(oType);
		}
	}

	class DataType {
		String m_sCode;
		String m_sVal;

		public DataType(String sCode, String sVal) {
			m_sCode = sCode;
			m_sVal = sVal;
		}

		public String getVal() {
			return m_sVal;
		}

		public String toString() {
			return m_sCode;
		}
	}
	/**
	 * Launch the app
	 * 
	 * @param args
	 * @since <i>v1.0.0 (Apr 11 ,2013)</i>
	 */
	public static void main(String[] args) {
		SwingUtilities.invokeLater(new Runnable() {
			@Override
			public void run() {
				JFrame oFrame = new JFrame();
				oFrame.setContentPane(new LAFDemo01());
				oFrame.setTitle("LAFDemo01");
				oFrame.setSize(400, 400);
				oFrame.setLocationRelativeTo(null);
				oFrame.setVisible(true);
			}
		});
	}
}

 

 好，看到这里，大家就觉得LAF真的那么简单吗，仅仅UIManager.setLookAndFeel(XXX)就搞定。不错，LAF就是这么简单。不过提醒一下，如果运行时改变LAF，要加上SwingUtilities.updateComponentTreeUI(LAFDemo01.this);，这个功能相当于“刷新界面”。来到这里也许大家会有一个问题，如何改变某种LAF里面的Widget的风格呢，比如前景色、背景色等等。这里拿JButton做例子，还没有接触Swing LAF以前，我们会用Button.setForeground(Color),Button.setBackground(Color)，但是大家想想，如果一个大型的APP，里面有N多个Button，那岂不是要花很多时间。有了LAF以后我们就方便多了，全部美化的工作都是交给LAF去做。下面修改一下上面的例子：

在LAFDemo01中加入

 

	static{
		UIManager.put("Button.foreground", new Color(255, 0 , 0));
		UIManager.put("Button.font", new Font("宋体", Font.BOLD , 32) );
		UIManager.put("Button.background", new Color(0, 255 , 255));
	}

Button的字体、前景色和背景色都发生了变化：前后两张图的对比

 
 是不是觉得很简单呢？在LAF中我们可以通过key-value的方式来定制自己喜欢的风格。这里，大家会问，那怎么知道LAF的所有的Key呢， 大家可以Google一下，这里提供Nimbus的Keys ：http://docs.oracle.com/javase/tutorial/uiswing/lookandfeel/_nimbusDefaults.html  。这里提供一个查找当前LAF 的所有的Keys 类（PS：网路上的）：

import java.util.Enumeration;

import javax.swing.UIDefaults;
import javax.swing.UIManager;

public class ListProperties {
	@SuppressWarnings({ "rawtypes", "unused" })
	public static void main(String args[]) throws Exception {
		UIManager.LookAndFeelInfo looks[] = UIManager.getInstalledLookAndFeels();
		UIDefaults defaults = UIManager.getDefaults();
		Enumeration newKeys = defaults.keys();
		while (newKeys.hasMoreElements()) {
			Object obj = newKeys.nextElement();
			if (obj.toString().startsWith("FormattedTextField"))
				System.out.printf("%50s : %s\n", obj, UIManager.get(obj));
		}
	}
}

   如果有的朋友想直接用第三方的LAF，这里介绍给大家 subtance、WebLookAndFeel，请看附件中！这两个LAF很好看，也好用。 今天LAF就介绍到这里，不懂的朋友，加油.

    最后上一张WebLookAndFeel的图片：

 

评论

18 楼 dwangel 2013-04-13  

JimmyHR 写道

dwangel 写道

其实，swing还有一个问题就是 layoutManager 确实比较弱。
作为 java ide成功者 intellij，就自己实现了一个GridLayout，自己用。
会方便很多。

我是没能力自己建一个LayoutManager。
不知道有没有啥好的开源。

我前面有文章介绍了两个比较好的开源的LayoutManager：TableLayout、MigLayout，特别是MigLayout特别好使。http://jimmyhr.iteye.com/admin/categories/271993

thank you

17 楼 JimmyHR 2013-04-13  

dwangel 写道

其实，swing还有一个问题就是 layoutManager 确实比较弱。
作为 java ide成功者 intellij，就自己实现了一个GridLayout，自己用。
会方便很多。

我是没能力自己建一个LayoutManager。
不知道有没有啥好的开源。

我前面有文章介绍了两个比较好的开源的LayoutManager：TableLayout、MigLayout，特别是MigLayout特别好使。http://jimmyhr.iteye.com/admin/categories/271993

16 楼 dwangel 2013-04-13  

其实，swing还有一个问题就是 layoutManager 确实比较弱。
作为 java ide成功者 intellij，就自己实现了一个GridLayout，自己用。
会方便很多。

我是没能力自己建一个LayoutManager。
不知道有没有啥好的开源。

15 楼 JimmyHR 2013-04-13  

freezingsky 写道

功能实现，先不做讨论。至于外观的美丽与否，就要看各自的水平和能力了，与所用的语言和平台没有什么关系

恩，所以说在很多人眼里“丑陋”的Swing，其实并不“丑陋”，至少JIDE的Swing产品做得很成功。

14 楼 JimmyHR 2013-04-13  

PetriNet 写道

java对debug毫无压力，没用过js的人还好意思嘲笑debug难

这位仁兄说得对，java的debug没问题，只要我们注意一些细节的问题。

13 楼 PetriNet 2013-04-13  

java对debug毫无压力，没用过js的人还好意思嘲笑debug难

12 楼 freezingsky 2013-04-12  

功能实现，先不做讨论。至于外观的美丽与否，就要看各自的水平和能力了，与所用的语言和平台没有什么关系

11 楼 JimmyHR 2013-04-12  

mayufenga1 写道

还是难看啊

对的，例子只是简简单单介绍如何利用swing LAF来改变Style，不做过多的美化，如果要用Swing LAF来实现CSS的那一套东西，不是没有可能，至少我这里已经实现了，而且在下面的评论的回复中我也说了，自己来加入一些渐变、特效等等才能漂亮起来。

10 楼 mayufenga1 2013-04-12  

还是难看啊

9 楼 JimmyHR 2013-04-12  

zhao173123 写道

JimmyHR 写道

hbbbs 写道

哈，还是不够漂亮

对是的，不过要想漂亮的话，还是要自己来实现的，自己来加入一些渐变、特效等等。这里只是简单提供介绍一下LAF，LAF能够胜任Swing美化的工作。公司的产品都是用LAF来完成产品的美化，如下图（截一小段图）：

请教下，你的折线图是用什么做的。
我用JFreeChart做的图如下：

感觉很丑啊，怎么做渐变和特效呢。

对于，折线图怎么做，很难说，这里不是几句话就能说完的，因为公司有一套专门做这个的东西，不过我可以很简单告诉你，Java2D要非常熟练。关于渐变的可以查阅JDK-API java.awt.Paint下的几个子类 MultipleGradientPaint、 LinearGradientPaint等等，关于一些特效的话，你可以看看JIDE，这里给个网址http://www.jidesoft.com/  ，在以后还会有一些文章介绍LAF。

8 楼 JimmyHR 2013-04-12  

zhao173123 写道

看了看，习惯了简单朴素了。
花哨的不适合。
Swing真不是好东西，不利于调试就不建议大家学了；工作用到没办法。

青菜萝卜各有所爱，Swing的调试并不是很难，如果你的程序大部分设计到多线程，那么前提是对UI的操作请在EDT下进行，如果不在EDT下操作，还真不容易调试。其实Swing这东西是好的，就看怎么用。

7 楼 zhao173123 2013-04-12  

看了看，习惯了简单朴素了。
花哨的不适合。
Swing真不是好东西，不利于调试就不建议大家学了；工作用到没办法。

6 楼 zhao173123 2013-04-12  

5 楼 zhao173123 2013-04-12  

晕。不会贴图。

4 楼 zhao173123 2013-04-12  

JimmyHR 写道

hbbbs 写道

哈，还是不够漂亮

对是的，不过要想漂亮的话，还是要自己来实现的，自己来加入一些渐变、特效等等。这里只是简单提供介绍一下LAF，LAF能够胜任Swing美化的工作。公司的产品都是用LAF来完成产品的美化，如下图（截一小段图）：

请教下，你的折线图是用什么做的。
我用JFreeChart做的图如下：

感觉很丑啊，怎么做渐变和特效呢。

3 楼 JimmyHR 2013-04-12  

hbbbs 写道

哈，还是不够漂亮

对是的，不过要想漂亮的话，还是要自己来实现的，自己来加入一些渐变、特效等等。这里只是简单提供介绍一下LAF，LAF能够胜任Swing美化的工作。公司的产品都是用LAF来完成产品的美化，如下图（截一小段图）：

2 楼 hbbbs 2013-04-11  

哈，还是不够漂亮

1 楼 hanwangkun 2013-04-11