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最好按照默认的方式以插件的形式进行发布,这样就可以松耦合了.