gnome - Gnome 扩展：悬停时更改 St.Icon 图像？

Question

所以任务很简单，但对我来说不是 - 绿色 Gnome Extensions Development 菜鸟。当然，我用谷歌搜索了这个，但在这里没有找到有用的东西。

扩展.js：

https://pastebin.com/TqDVp8Yz - 因为“你的帖子主要是代码”。

样式表.css：

.poppy-button {
    background-size: 20px;
    width: 20px;
    height: 20px;
    background-image: url("Resources/poppy.svg");
}

.poppy-button:active,
.poppy-button:focus,
.poppy-button:checked,
.poppy-button:hover {
    background-image: url("Resources/poppy-active.svg");
}

Answer 1

我会避免使用 CSS 并连接到“ enter-event ”和“ leave-event ”信号，因为所有 StWidget 元素也是 ClutterActor。

myIcon = new St.Icon({ icon_name: "normal-icon-name"; });

myIcon.connect("enter-event", (widget) => {
    widget.icon_name = "hover-icon-name";
});

myIcon.connect("leave-event", (widget) => {
    widget.icon_name = "normal-icon-name";
});

另一方面，如果您在 StIcon 上将“ track-hover ”设置为 true，您的 CSS 可能会起作用。

Pro-Amateur-Tip：将“gjs”标签添加到您的问题中，以获得更多关于 Gnome Shell 扩展的帮助。