`

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的图片:



 

  • 大小: 29.8 KB
  • 大小: 352.6 KB
  • 大小: 113.7 KB
6
0
分享到:
评论
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  

相关推荐

Global site tag (gtag.js) - Google Analytics