Eclipse rap 富客户端开发总结(7) - 如何修改rap的样式
2012-02-17 10:56
465 查看
注: 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最好按照默认的方式以插件的形式进行发布,这样就可以松耦合了.
相关文章推荐
- Eclipse rap 富客户端开发总结(4)- 如何搭建 rap 中文开发环境
- Eclipse rap 富客户端开发总结(6) - 如何发布rap到tomcat
- Eclipse rap 富客户端开发总结(15) -rap如何使用js
- Eclipse rap 富客户端开发总结(14) -rap 图片、数据缓存处理
- Eclipse rap 富客户端开发总结(1) - rap简单介绍和开发环境搭建
- Eclipse rap 富客户端开发总结(2)- rap项目目前的进度和存在的问题
- Eclipse rap 富客户端开发总结(12) -Rap 优化之组件的销毁
- Eclipse rap 富客户端开发总结(3)- rcp/rap目前界面上的一些差异
- Eclipse rap 富客户端开发总结(5)- RAP国际化之路
- Eclipse rap 富客户端开发总结(8) - 发布到tomcat后解决rap编码和字符集的问题
- Eclipse rap 富客户端开发总结(9) - rap上传与下载
- Eclipse rcp/rap 开发经验总结(6) - 如何发布rap到tomcat
- Eclipse rap 富客户端开发总结(10) -Rap不同系统间的差异和处理方式
- Eclipse rap 富客户端开发总结(11) -rcp/rap与spring ibatis集成
- Eclipse rap 富客户端开发总结(13) -Rap/Rcp保存按钮处理方式
- 在项目开发中,jsp页面不会少了,如何公用页面(添加页面和修改页面)和公用样式代码(css,js)?
- Eclipse rap 开发经验总结
- 总结-Eclipse如何修改web项目的访问链接名,项目名
- Git学习之图形用户界面客户端SmartGit结合Eclipse开发Android总结
- Eclipse rcp/rap 开发经验总结(14) -rap 图片、数据缓存处理