Question

我想使用CSS设置Eclipse应用程序的ToolBar样式：

   <extension id="product" point="org.eclipse.core.runtime.products">
      <product application="org.acme.application" name="Application">
         <!-- other stuff -->
         <property name="cssTheme" value="ourtheme" />
      </product>
   </extension>

   <extension point="org.eclipse.e4.ui.css.swt.theme">
      <theme basestylesheeturi="branding/theme.css"
            id="ourtheme"
            label="Our Theme">
   </extension>

一切正常（即background-color: COLOR-WHITE使工具栏变白）。但是我很难找到允许的CSS标签。

The Eclipse GIT Repo有几个CSS文件，其中包含以下工具栏键：

#org-eclipse-ui-main-toolbar {
    background-image:  url(./winXPOlive.png);
    eclipse-perspective-keyline-color: #585858;
    background-color: #515658 #515658 100%;
    handle-image: none;
    color: #EBE8E4;
}

还是所有这些？在某处有一本全面的手册吗？或者是试验和错误基础上的CSS样式？

（如果需要特定用例：我想在工具项和/或某种边框中添加填充。）

Answer 1

我不知道列出所有内容的手册。

使用org.eclipse.e4.ui.css.core.propertyHandler扩展点定义所有CSS属性，因此使用Eclipse插件搜索将显示所有定义。其中大多数都在org.eclipse.e4.ui.css.swt插件中，其他插件中有一些插件。

定义如下：

<extension
     point="org.eclipse.e4.ui.css.core.propertyHandler">
  <handler
        adapter="org.eclipse.e4.ui.css.swt.dom.ControlElement"
        composite="true"
        handler="org.eclipse.e4.ui.css.swt.properties.css2.CSSPropertyBackgroundSWTHandler">
     <property-name
           name="background">
     </property-name>
     <property-name
           name="background-color">
     </property-name>
     <property-name
           name="background-image">
     </property-name>
  </handler>

adapter由org.eclipse.e4.ui.css.core.elementProvider扩展点定义，通常通过命名来很好地了解该属性适用的内容 - 在这种情况下为Control。

您还可以查看handler类，以确切了解属性的处理方式。

使用CSS设置Eclipse工具栏的样式

1 个答案: