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 富客户端开发总结(7) ： 如何修改rap的样式的更多相关文章

  1. Eclipse rap 富客户端开发总结(3)：rcp/rap目前界面上的一些差异

    1. Label和Button按钮的显示的差异 当Label 和 Button显示的文字过长显示不开的时候,rcp.rap的处理方式就不一样了,rap显示不开会自己截取掉后面的文字,rcp会在文字的中 ...

  2. Eclipse rap 富客户端开发总结(11) ： rcp/rap与spring ibatis集成

    1． rcp/rap 与 spring 集成 Activator 是rcp/rap 启动时需要加载的类, 只需要加载一遍,所以与spring 集成的时候一般是在这个类里面加载spring 的Appli ...

  3. Eclipse rap 富客户端开发总结(15) ：rap如何使用js

    1. 把输入的字符串当 javascript 执行 try { RWT.getResponse().getWriter().println("alert('123');"); }  ...

  4. Eclipse rap 富客户端开发总结(14) ：rap 图片、数据缓存处理

    一.概述 在进行了 rap 的基本学习之后,您对 rap 的理解是否进入了更高的一个层次呢,个人觉得,对学习 rap 的人来说,进行 rap 的学习是一个探索的过程,在编程中不断的对其进行理解和分析, ...

  5. Eclipse rap 富客户端开发总结(1) ：rap简单介绍和开发环境搭建

    一.rap简单介绍 1 基本概念     RAP可以让开发人员使用JAVA API和按照Eclipse 插件的开发模式构建基于AJAX的Web 2.0应用程序, RAP的工作原理是采用交叉编译的方式将 ...

  6. Eclipse rap 富客户端开发总结(9) ： rap上传与下载

    一 上传 上传即将文件上传到服务器上,在客户端需要写相应的脚本,服务器端需要注册相应的 handle 接受客户端的请求. 原理: Rap 的上传和下载是通过普通的 web 的方式进行上传和下载的 ,  ...

  7. Eclipse rap 富客户端开发总结(4)：如何搭建 rap 中文开发环境

    Rap中文开发环境搭建大约分为2个部分 1.  rap国际化,详细参加文章(rap开发经验总结(5)-rap国际化之路) 2.rap自带的JFace ,Dialog 等国际化 1.中文包下载地址: h ...

  8. Eclipse rap 富客户端开发总结(2)：rap项目目前的进度和存在的问题

    1. Eclipse rap项目目前的进度 目前rap 的最新版本是 rap 1.5M4,最稳定版本是 rap 1.4.1,我们项目目前使用的版本是rap 1.4.1,Rap目前已经支持的部分是 sw ...

  9. Eclipse rap 富客户端开发总结(13) ：Rap/Rcp保存按钮处理方式

    一.概述 在做项目的过程中,处理编辑区的保存机制的时候.发现,同样是扩展eclipse 自带的保存和全部保存按钮时候,rcp 工程下,保存按钮可以正常的灰显和可用,但是rap 的按钮就是始终呈现灰显的 ...

随机推荐

  1. 【leetcode】260. Single Number III

    Given an array of numbers nums, in which exactly two elements appear only once and all the other ele ...

  2. PYTHON：新闻聚合

    这个项目看了有段时间,因为一直没跑通,而且关于NNTP也不是特别理解.这里是转载code123的分析. 原文地址:http://www.code123.cc/1327.html 书中的第四个练习,新闻 ...

  3. Lightoj1205——Palindromic Numbers（数位dp+回文数）

    A palindromic number or numeral palindrome is a 'symmetrical' number like 16461 that remains the sam ...

  4. 再学python类（终结篇）

    续写 初学python类,这几天吃坏东西了,拖着虚弱的身躯写的.有些乱请各位看官海涵. 声明:本人编程新手,还在学习中.所表述的东西都是基础语法之类的,分享我的学习笔记.还望多多指点,我一定虚心接受. ...

  5. IE10 特有 MSGesture() 方法

    gesturechange方法 是 ie10以上特有的方法. 初始化:oMsg = new MSGesture(); 主要功能和方法: 用于IE下浏览器的DOM元素触发事件 包括 : MSGestur ...

  6. javascript二维数组排序

    js使用sort()函数对二维数组快速排序的写法 作者:admin    时间:2015-7-3 9:31:4    浏览:1847 js数组的排序方法有很多,冒泡法,插入法等等,不过对于数组的排序来 ...

  7. Spring Boot 出现 in a frame because it set 'X-Frame-Options' to 'DENY'

    在spring boot项目中出现不能加载iframe 页面报一个"Refused to display 'http://......' in a frame because it set ...

  8. winform WebBrowser控件中，cs后台代码执行动态生成的js

    很多文章都是好介绍C# 后台cs和js如何交互,cs调用js方法(js方法必须是页面上存在的,已经定义好的),js调用cs方法, 但如果想用cs里面执行动态生成的js代码,如何实现呢? 思路大致是这样 ...

  9. Unresolved reference issue in PyCharm

    Add src as a source content root: Then make sure to add add sources to your PYTHONPATH: Now imports ...

  10. python汉字输出编码问题

    python中文输出乱码问题困扰了多少初学者,我在这方面栽了不知道多少跟头.现在我把我碰到的问题和解决的方法写出来与大家分享一下: 1输出乱码 所谓的乱码是指“鎴戞槸涓枃瀛楃涓”这样的内容.为什么 ...