Eclipse rcp/rap 开发经验总结(7) - 如何修改rap的样式

阅读更多

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