用CSS美化你的桌面二---CSSEngine

上一文章说到了javaCSS,这个东西深研究后,觉得很不好,里面的东西不太健全.出现了很多问题,最后重新选择了CSSEngine这个东西.研究了一下,这个东西不错,很不错.可以让你自己定义各种样式的格式,而且很智能化,比如没有找到在css文件中定义的样式组件,它不会报错,只是不使用这个样式罢了,而且javaCSS则会报空.
好了,详细说一下这个东西的用法吧.....
先说下这个东西的官方:
[url]http://tk-ui.sourceforge.net/user-guide/cssengine/cssengine.html[/url]
从这里开始,你可以学会它.
里面有包的下载,源码的下载,例子的代码....
然后贴个封装的代码吧:

CSSSwingResources.java


import java.io.InputStream;

/**
* 获取CSS文件
* */
public class CSSSwingResources {

/**
* 获取默认样式
* */
public static InputStream getDefaultStyle(){
return CSSSwingResources.class.getResourceAsStream("style/default.css");
}

/**
* 获取Matrix样式
* */
public static InputStream getMaxtrixStyle(){
return CSSSwingResources.class.getResourceAsStream("style/Matrix.css");
}
/**
* 获取OSX样式
* */
public static InputStream getOsxStyle(){
return CSSSwingResources.class.getResourceAsStream("style/Osx.css");
}

/**
* 获取Vista样式
* */
public static InputStream getVistaStyle(){
return CSSSwingResources.class.getResourceAsStream("style/Vista.css");
}
}


AddCss.java
这是对多个 css文件进行封装的代码:进行实例化后,可以使用addCss(Object obj,boolean style)方法,进行一个样式的启用.


import java.io.IOException;

import org.akrogen.tkui.css.core.engine.CSSEngine;
import org.akrogen.tkui.css.swing.engine.CSSSwingEngineImpl;

/**
* 为组件添加CSS样式绑定类
*/
public class AddCss {

/**
* 样式的种类
*/
private static final int DEFAULT_STYLE = 1;
private static final int MAXTRIX_STYLE = 2;
private static final int OSX_STYLE = 3;
private static final int VISTA_STYLE = 4;

private static CSSEngine css = new CSSSwingEngineImpl();

public AddCss(int style) throws IOException {
switch (style) {
default:
css.parseStyleSheet(CSSSwingResources.getDefaultStyle());
case DEFAULT_STYLE:
css.parseStyleSheet(CSSSwingResources.getDefaultStyle());
case MAXTRIX_STYLE:
css.parseStyleSheet(CSSSwingResources.getMaxtrixStyle());
case OSX_STYLE:
css.parseStyleSheet(CSSSwingResources.getOsxStyle());
case VISTA_STYLE:
css.parseStyleSheet(CSSSwingResources.getVistaStyle());
}
}

/**
* 打开样式表,直接整个窗口的样式变化,每一个窗口中要想使用样式,在窗口初使化后,调用此方法
*
* @param obj
* Object 使用样式的窗口
* @param isStyle
* boolean 是否使用样式
*
*/
public void addCss(Object obj, boolean isStyle) {
css.applyStyles(obj, isStyle);
}

}




测试例子代码:
MainFrameTest.java测试主窗口

/**
* 对于CSSEmgine的测试类
* */
import java.awt.EventQueue;
import java.awt.FlowLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.IOException;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class MainFrameTest {

private JFrame frame;

/**
* Launch the application
*
* @param args
*/
public static void main(String args[]) {
EventQueue.invokeLater(new Runnable() {
public void run() {
try {
MainFrameTest window = new MainFrameTest();
window.frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}

/**
* Create the application
*/
public MainFrameTest() {
createContents();

}

/**
* Initialize the contents of the frame
*/
private void createContents() {

// 主窗口需要绑定样式的话,就要添加以下代码
AddCss css = null;
try {
css = new AddCss(1);
} catch (IOException e1) {
e1.printStackTrace();
}
frame = new JFrame();
frame.setBounds(100, 100, 330, 170);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

final JPanel panel = new JPanel();
panel.setLayout(null);
frame.getContentPane().add(panel, FlowLayout.LEFT);

final JButton button = new JButton();
button.addActionListener(new ActionListener() {
public void actionPerformed(final ActionEvent arg0) {
DialogTest dialog = new DialogTest();
dialog.setVisible(true);
}
});
// 使用总的样式,不需要设置名字
button.setText("使用总的样式");
button.setBounds(80, 22, 145, 28);
panel.add(button);

// 需要单独使用一个样式,则需要设置名字,然后在css文件中单独定义一个样式
final JButton button_1 = new JButton();
button_1.setText("单独设置一个样式");
button_1.setName("aaa");
button_1.setBounds(80, 70, 145, 28);
panel.add(button_1);
// 开启样式
css.addCss(frame, true);

}

}

DialogTest.java测试JDialog


import java.awt.BorderLayout;
import java.awt.EventQueue;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.io.IOException;

import javax.swing.JButton;
import javax.swing.JDialog;
import javax.swing.JLabel;
import javax.swing.JPanel;

import com.jgoodies.forms.factories.DefaultComponentFactory;

/**
* 对方法进行使用测试
*
* @author 陆健美
*/
public class DialogTest extends JDialog {

/**
* Launch the application
*
* @param args
*/
public static void main(String args[]) {
EventQueue.invokeLater(new Runnable() {
public void run() {
try {
DialogTest dialog = new DialogTest();
dialog.addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) {
System.exit(0);
}
});
dialog.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}

/**
* Create the dialog
*/
public DialogTest() {
super();
setBounds(100, 100, 278, 178);

// JDialog需要绑定的话,也要对AddCss进行实例化
AddCss css = null;
try {
css = new AddCss(1);
} catch (IOException e1) {
e1.printStackTrace();
}

final JPanel panel = new JPanel();
panel.setLayout(null);
getContentPane().add(panel, BorderLayout.CENTER);

final JButton button = new JButton();
button.addActionListener(new ActionListener() {
public void actionPerformed(final ActionEvent e) {
}
});
button.setText("测试一个组件");
// 为组设置一个名称,就可以对其进行绑定了
button.setName("button");
button.setBounds(54, 26, 158, 28);
panel.add(button);

final JLabel label = DefaultComponentFactory.getInstance().createLabel(
"测试一个label");
label.setBounds(69, 71, 101, 18);
panel.add(label);
//

// 开启样式
css.addCss(this, true);
}

}



再附上使用说明,也就全了

CSS Engine使用说明:
使用CSSEngine 需要做三个工作:
第一个,需要在每个要绑定样式的组件上,使用setName("你的组件的名字"),或者putClientProperty("class", "你定义的样式class");
第二个,需要在相关的default.css(这里最好是每个样式文件都写上)文件中,添加你的组件与名字:
eg:
JLabel#aaa{
可由美工设计样式具体内容
}


第三,在所用的窗口中,使用如下代码:
窗口初使化前添加:AddCss css = new AddCss(int style)来初使化哪个样式文件,这个style可以在主窗口中,使用一个全局变量,来整体控制.
窗口初使化后添加:css.addCssByFile(Object obj,boolean isStyle)来启用样式.传入窗口(JFrame,JDialog)




* <li>对于这里的style样式的书写格式:
(1)
* <li>组件使用setName()设置唯一的名字(aaa,bbb), 如果不添加(#aaa)的话,用于窗口中所有JLabel
* <li>JLabel#aaa {color:red;} JTextField#bbb{background-color:green;}
(2)
* <li>当组件使用putClientProperty("class", "blueClass");方法时
* <li>.blueClass {color:blue;} .greenClass {color:green;}


使用时,它只对绑定的窗口有用,没有绑定的窗口不起作用.在css文件中定义的,找到名字的有用,没有找到名字的,有全局的,使用全局,没有全局,不起作用.



最后说明,它还有很多种样式的使用方式,不会低于html中的css,很强大,有兴趣的人,可以好好研究研究啊...这里只起个抛砖引玉的作用..
有问题的话,欢迎拍砖啊
再为不喜欢写代码的人,贴个源码吧.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值