欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-18 12:14:21
...

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

相关标签: CSS RAP