仿Extjs 蓝色风格的Eclipse RCP CSS 设置
2014-05-29 12:47
471 查看
Eclipse4 支持通过CSS样式来设置UI,这给Eclipse RCP 的界面设计带来了很大的方便,程序员可以很容易的使用CSS来设计更漂亮点的界面,避免之前那种土的掉渣的RCP界面。
首先来看看界面吧:
界面是一个蓝色的基调, 这些都是通过CSS设置出来的,目前来看稍显粗糙。
CSS:
首先来看看界面吧:
界面是一个蓝色的基调, 这些都是通过CSS设置出来的,目前来看稍显粗糙。
CSS:
Label { color: black; background-color: #CDDEF3; } TableColumn{ background-color: #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3; } ToolBar{ background-color: #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3; } /* Identifies only those SWT Text elements appearing within a Composite */ Composite Text { background-color: white; color: black; } Group Text { background-color: white; color: black; } Composite{ background-color: #CBDDF3; } Group{ background-color: #CBDDF3; } .MPartStack { border-visible:false; background-color: #e3efff; } .MPartStack:active{ swt.unselected-tabs-color:#F3F9FF #D0DFEE #CEDDED #D2E1F0 #D2E1F0 #FFFFFF 20% 45% 60% 70% 100% 100%; swt.outer-keyline-color:#B6BCCC; } .MPart{ background-color: #e3efff #c1d5ef; swt-tab-renderer: null; swt-selected-tabs-background: #FFFFFF #ECE9D8 100%; swt-simple: true; swt-mru-visible: true; } .MPart:selected { visible:gone; background-color: gradient linear white black blue } .Dialog{ background-color: #e3efff #c1d5ef; } /* background uses a gradient */ .MTrimBar { background-color: #e3efff #c1d5ef; color: white; } Shell { background-color: #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3; }
相关文章推荐
- 设置Eclipse RCP程序的外观和首选项
- RCP 中设置和Eclipse一样的流线型视图窗口
- ExtJS 3.0以上版本在eclipse中使用spket插件设置自动提示的方法
- subline text 键盘设置 eclipse风格
- Eclipse设置风格
- 设置Eclipse窗体风格
- Eclipse设置风格
- 设置Eclipse的字体风格方式
- eclipse 常用快捷键 和 代码风格设置
- 设置漂亮的eclipse主题(Theme)风格
- RCP 中设置和Eclipse一样的流线型视图窗口
- Eclipse中代码风格设置
- CSS设置字体——系列和风格
- ExtJs学习篇---ExtJS 3.0以上版本在eclipse中使用spket插件设置自动提示的方法
- eclipse中设置代码风格
- 设置Eclipse RCP程序的外观和首选项
- Eclipse RCP Command的Handler设置不起作用?
- [工具篇]eclipse 中设置 Java/JSP/JS/HTML/CSS 智能提示
- extjs资源库云平台 2013.8.3--蓝色风格
- 设置Eclipse RCP程序的外观和首选项