快捷搜索:  汽车  科技

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)之前:例如,已调整块选择,自动换行和显示空白图标。有时小事情很重要。Eclipse 4.8继续改进默认文本编辑器。Eclipse默认的黑暗主题现在包括文本编辑器范围指示器的样式,并使用展开和折叠按钮的透明度。为了提高黑暗主题的可读性,Java编辑器中的粗体样式使用已经减少,并且一些彼此过于接近的颜色已被更改。许多图标已经过调整,在光线和黑暗主题中看起来都更好。

你想要它更暗吗?到目前为止,Eclipse Photon为黑暗主题提供了最好的支持!Lars Vogel解释了平台中所有新的黑暗主题改进,以及插件开发人员如何确保他们的贡献适用于黑暗主题。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(1)

几年前,在2014年,eclipse IDE宣布它将发布一个默认的黑暗主题。2014年,Eclipse工作区的css和SWT样式中存在许多限制,结果不是很有用。但Eclipse平台团队希望为改进奠定基础,而无需安装外部组件来测试和推动这些改进。初始版本之后的版本不断改进底层CSS引擎和SWT工具包的功能,以增强用户体验。

使用Eclipse Photon,到目前为止,我们正在为黑暗主题提供最佳支持。继续阅读以了解平台的改进,在第二部分中,插件开发人员如何为黑暗主题启用他们的Eclipse贡献。

试试看

曾经有人说过,所有酷孩子现在都在使用黑暗的主题。如果您想加入此俱乐部,只需在快速访问框中键入“Dark”,然后按Enter键。这会将您带到正确的首选项页面。选择“黑暗”,按“应用并关闭”(然后重新启动IDE以完全应用主题)。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(2)

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(3)

在4.8中选择了Dark主题改进

有时小事情很重要。Eclipse 4.8继续改进默认文本编辑器。Eclipse默认的黑暗主题现在包括文本编辑器范围指示器的样式,并使用展开和折叠按钮的透明度。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(4)

为了提高黑暗主题的可读性,Java编辑器中的粗体样式使用已经减少,并且一些彼此过于接近的颜色已被更改。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(5)

许多图标已经过调整,在光线和黑暗主题中看起来都更好。

例如,已调整块选择,自动换行和显示空白图标。

之前:

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(6)

之后:

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(7)

弹出对话框,例如平台的更新通知弹出窗口,现在在黑暗主题中使用深色背景和浅色前景色。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(8)

Javadoc弹出窗口也做了同样的工作,这使得对话框在黑暗主题中更容易阅读。支持其他语言很可能会为下一个版本提供支持,例如,PHP团队正在https://bugs.eclipse.org/bugs/show_bug.cgi?id=534520中进行此操作 。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(9)

链接现在在黑暗主题中始终使用浅蓝色。这是非常明显的一个例子是PDE的清单编辑器。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(10)

代码元素信息控件中链接的颜色现在将 “ 颜色和字体” 首选项页面中的“ 超链接”文本颜色 和“ 活动”超链接文本颜色的 颜色设置考虑在内。黑暗主题的可读性因此得到了很大改善。

之前:

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(11)

之后:

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(12)

此外,像Eclipse的Gradle工具这样的多个扩展也改进了它们的样式。

例如,这是Gradle首选项页面在Photon之前的样子。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(13)

这个页面在Photon版本中很好地设计了风格。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(14)

Gradle工具最初设计了一个相对复杂的解决方案来支持黑暗主题。最终解决方案非常简单(请参阅 https://github.com/eclipse/buildship/pull/688),下一章旨在帮助其他插件开发人员为其插件应用相同的解决方案。

插件开发人员指导默认的黑暗主题

插件开发人员可以轻松支持黑暗主题,因为任何插件都可以为默认的黑暗主题做出贡献。

要将CSS文件提供给黑暗主题,您可以在plugin.xml中编写类似于以下内容的扩展名。refid =“org.eclipse.e4.ui.css.theme.e4_dark”指向平台黑暗主题并告诉CSS引擎扩展它。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(15)

如果您有自定义控件,例如MyControl,则可以使用“your_dark_extensions.css”文件中的以下条目对其进行样式设置。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(16)

如果MyControl是Control的子类,则Control的现有CSS处理程序以及属性background-color和color将在此窗口小部件的实例上调用其setForeground和setBackground方法。

至于颜色和图标,插件开发人员应该避免硬编码颜色,并使用透明背景的png图标在光线和黑暗主题中看起来都很好。

允许设置颜色的一种方法是使用首选项,甚至使用平台的颜色和字体扩展点,如以下博客文章中所述。

通过CSS设置样式首选项非常简单。使用IEclipsePreferences#your-preference-node选择要设置的首选项节点。仅为您的首选节点替换“。”和“ - ”。您不能使用“。”,因为它们在CSS中具有预定义。Eclipse CSS引擎将下划线转换为正确的首选项节点。如果从平台扩展点设置颜色和字体样式,则还必须添加伪选择(在以下示例中:org-eclipse-jdt-ui)以避免从其他插件覆盖CSS首选项设置。

以下是JDT UI中用于样式化颜色的示例,这将有助于org.eclipse.ui.workbench首选项节点。

IEclipsePreferences#org-eclipse-ui-workbench:org-eclipse-jdt-ui {/ *伪属性被添加以允许贡献而不替换此节点,请参阅错误466075 * /

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(17)

适用于CSS工作的可用工具

要分析或测试CSS片段,您可以使用CSS Spy和CSS Scratch。通过以下更新站点安装Spy。

CSS Spy允许选择UI组件并显示(有时)更改其属性。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(18)

要测试CSS片段,请使用CSS暂存器,也可在上述更新站点上找到。例如,通过快速访问打开“CSS Scratchpad”视图并使用以下内容:

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(19)

这将为正在运行的IDE设置类似于以下内容的样式。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(20)

最后但并非最不重要的是,它允许首选项跟踪首选项中的更改,以找到正确的首选项节点和值来设置样式。

eclipse自带黑色主题(比黑暗更暗EclipsePhoton中的黑暗主题)(21)

未来的工作

当然,平台团队继续致力于黑暗主题。对Windows用户最感兴趣的是Bug 508634中的工作, 它允许用户为Eclipse IDE中经常使用的(只读)组合框设置背景和前景色。但是,下一个版本将再次解决许多小烦恼,这将在光子发布后仅3个月后到来。

黑暗主题的好消息是,包括本文作者在内的几个平台开发人员已经转向黑暗主题进行日常工作。这也意味着更容易发现黑暗主题的剩余问题并加快修复。

猜您喜欢: