css - E4 的新功能(使用 CSS 设计 UI)。与 TabFolder 和 CTabFolder 混淆

Question

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

CTabFolder, CTabItem {
  background-color: red;
}

不影响UI，那我试了

TabFolder, TabItem {
background-color: red;}

这也行不通。

我在互联网上快速搜索了一下，发现所有示例都使用了CTabFolder、CTabItem。没有人告诉 TabFolder, TabItem

我对此感到困惑。它们之间有什么区别？什么样的 css 可以为组件 TabFolder、TabItem 正常工作？

Answer 1

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

有关 SWT 列表 - CTabFolder 的 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 应用