Eclipse rap 富客户端开发总结(7) - 如何修改rap的样式

注：Eclipse rap 富客户端开发总结-系列文章是从本人 Iteye博客中移植过来.后续会直接在此更新 http://jlins.iteye.com/

1、Rap样式原理

Rap的界面样式目前是以css来配置的，程序启动后加载相应的css配置文件再对组件进行样式设置,界面上的所有组件Label button composit等的样式最开始都是通过css来确定显示样式的.因此只需要选择不同的css文件就可以控制css样式了

2、Rap如何选择样式

Plugin.xml –扩展–新建org.eclipse.rap.ui.branding扩展点–在这个扩展点上新建branding .在branding上就可以选择样式了,对应的选项是themdID ,点击浏览就可以选择目前已经存在的样式

目前rap自带的样式大约有2个, Classis样式和Default ,

建议大家使用Classis样式,因为默认的default样式本身在界面显示上面会有不少的问题.

3、修改rap自带的样式

如果你觉得目前rap界面上的样式不太符合你的要求,那么你就可以新建自己的rap样式方法如下：

新建扩展点：org.eclipse.rap.ui.themes

在扩展点上新建theme

点击theme会有一个属性file,这个是用来选择对应的样式css文件的.

关于rap每个组建对应的样式名称,大家可以通过如下方式进行查看

找到org.eclipse.rap.rwt.theme.classes插件(直接通过插件列表-导出源代码到目前工程)

在对应的theme目录下面就可以看到classic.css文件了

4、Rap样式的发布

Rap最好按照默认的方式以插件的形式进行发布,这样就可以松耦合了.