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 最好按照默认的方式以插件的形式进行发布 , 这样就可以松耦合了 .
推荐阅读
-
Eclipse rcp/rap 开发经验总结(12) -Rap 优化之组件的销毁
-
Eclipse rcp/rap 开发经验总结(10) -Rap不同系统间的差异和处理方式
-
Eclipse rcp/rap 开发经验总结(7) - 如何修改rap的样式
-
Eclipse rcp/rap 开发经验总结(6) - 如何发布rap到tomcat
-
Eclipse rcp/rap 开发经验总结(2)- Eclipse rap项目目前的进度和存在的问题
-
Eclipse rcp/rap 开发经验总结(10) -Rap不同系统间的差异和处理方式
-
Eclipse rcp/rap 开发经验总结(7) - 如何修改rap的样式
-
Eclipse rcp/rap 开发经验总结(3)- rcp/rap目前界面上的一些差异
-
Eclipse rcp/rap 开发经验总结(4)- 如何搭建 rap 中文开发环境
-
Eclipse rcp/rap 开发经验总结(12) -Rap 优化之组件的销毁