E4的新功能（使用CSS定型UI）。与TabFolder＆amp;混淆的CTabFolder

Question

我正在学习E4。试图将样式css添加到我简单的RCP中。我使用TabFolder＆amp;我的代码中TabItem，但是当我尝试时：

CTabFolder, CTabItem {
  background-color: red;
}

它不影响用户界面，然后我尝试了

TabFolder, TabItem {
background-color: red;}

这也不起作用。

我在互联网上进行了快速搜索，发现所有样本都在使用CTabFolder, CTabItem。没有人告诉TabFolder, TabItem

我对此感到困惑。它们之间的区别是什么？什么样的CSS可以适用于组件TabFolder, TabItem？

Answer 1

我建议你使用CSS Spy和CSS Scratchpad来查看可用的属性，并测试可能的组合。

有关CTabFolder的SWT - CSS映射列表，您可以访问此页面：https://wiki.eclipse.org/E4/CSS/SWT_Mapping#Widget:_CTabFolder

下面，您可以看到一个带有简单示例的CSS

CTabFolder Composite {
  background-color: pink;
}

CTabFolder CTabItem {
  background-color: lime;
  color: green;
}

CTabFolder CTabItem:selected {
  background-color: blue;
  color: white;
}

然后在下面的图片中查看结果，使用CSS Scratchpad

进行应用