STS / Eclipse更改背景图片 - 好文

首先看效果：

我用的是STS(3.9.0)编译工具，看网上教程来实践一下发现行不通，我看的那一篇文章是介绍Eclipse修改背景图片，然而我在STS工具上实践却发现行不通，不知道是不是因为Eclipse的配置不适用于STS，后来通过自己调试，已经成功修改STS的背景图片了，和我看到的教程有点区别，我参考是这篇文章（
Eclipse修改背景图片 <https://blog.csdn.net/qq_28817739/article/details/78162552>
），接下来是我的亲身实践：

1.打开STS安装目录下的plugins文件夹目录下的以org.eclipse.ui.themes开头的文件夹，并打开该文件夹的css文件夹复制以下代码到e4_basestyle.css
/* * 自定义样式开始 */ .MPart StyledText { background-image: url(./bg.png);
background-repeat: no-repeat; } /* * 自定义样式结束 */
并复制bg.png到css的同级文件夹images文件夹中。

然后重启STS发现，尼玛，不生效。

于是我想，我用的是dark背景，那么应该修改dark的css才对，不相信e4_basestyle.css了，因为我都不清楚我的STS目前在用的背景的css是否继承了e4_basestyle.css，所以我应该修改目前在用的背景的css才好进行进一步调试。于是大家先将STS背景调到和我的一样再进行下面调试吧。

将背景改为dark背景：

打开 preferences-General-Appearance

好了，现在我们已经将STS背景改为drak模式，那么我们现在就可以对e4_dark_win.css进行修改css配置，就是
给这个css引用一个背景图片，设置了背景图片的话，理论上说，引用该样式就会出现背景图片了，对吧。接下来我们验证一下能不能显示背景图片。

1.修改e4_dark_win.css（因为我的电脑就是windows的，所以选这个css），将上面的代码样式放到该css的最后，同时，注意：bg.png必须存在，暂时放在css同级文件夹的images文件夹中。

修改css,将代码添加到最后

设置完之后，理论上已经完成了配置背景图片了，接下来我们要测试一下背景图片会不会显示出来，

结果：还是没有显示。

这是为什么呢？？？？

现在，大家肯定和我心有灵犀般的想：会不会是我们的图片有问题呢？

带着这个问题，于是我就没有引用我们自己图片，而是引用本来的就有的图片去证实我们的问题正确性。

然后修改e4_dark_win.css文件

配置完成，接下来重启STS测试一下背景图片会不会出来。

结果：卧槽，居然出来了（dragHandle.png就是点点点）

于是我们得再深入思考一下为什么会这样，为上么images文件夹的dragHandle.png可以出来，而我们自己的bg.png却失效了，对于这个疑问，经过深思，我们应该得出两种可能性：

可能性1：STS内部图片是需要经过内部授权才可以引用，我们自己的图片没有授权，所以失效。

可能性2：STS图片不存在内部授权，而只是没有真正引用到我们的图片或者我们存放bg.png的地方错了。

有以上两种可能性，如果是第一种可能性的话，似乎很难去证明，如果觉得难以证明，说明你脑子短路了兄弟，如何证明可能性1的真假性？很简单，把原本的dragHandle.png重命名为dragHandle_2.png，将我们自己的bg.png重命名为dragHandle.png即可。

重命名之后重启STS。

结果：看下图

虽然我们的图片重命名为dragHandle.png，但看上图的背景图片，明显不是我们重命名之后的自己图片。

既然图片名字没错，而图片却不对应，大家想一下，这说明了什么？？？？

本人认为：
这说明e4-dark_win.css文件引用的背景图片的路径根本不是我们原本存放bg.png的路径。所以，背景图片的存放路径一开始就错了，也就是说不应该放在css文件夹的同级文件夹images文件夹中。

于是又进一步得出新的问题：背景图片应该放在哪个目录？？

大家发挥想象，怎么找到背景图片的正确存放路径呢？大家不妨思考一下先。

本人认为：既然重命名之后的背景图片依然是原来的dragHandle.png（点点点），说明dragHandle.png是存在其他地方，于是我把所有的dragHandle.png搜索出来，把所有名字为dragHandle.png的图片给我全部拽出来，看看同名的他们到底有几个分身，到底哪个分身是真正的罪犯。

然后第二第三个图片，鼠标右键-属性，看路径，采用同样的重命名方法逐个路径试，结果发现，引用背景图片的真正路径是plugins/org.eclipse.
platform_
开头的文件夹目录下的images文件夹中的图片，这个路径才是对的，最后就不绕弯了，就是把bg.png放在plugins/org.eclipse.
platform_xx/images文件夹中，然后再将css文件改回来即可

既然css已经引用了正确路径的背景图片，这次真的可以显示我们想要的背景图片了

重启STS

结果：成功

到此，只尝试了dark背景的修改背景图片，其他样式背景也就大同小异，在对应的样式添加一个背景图片的引用即可。当然也可以尝试base.css试一下，我就不一一尝试了。所以，我之前看的那篇文章没有说明背景图片应该存放在哪里，这是一个小缺陷，妈蛋的，没有说明背景图片存放路径害得我花了一个下午取尝试并写这份博客。真实的。。。

希望以上可以帮到大家。

热门工具换一换