电子，如何使窗口从屏幕外滑动？ （如通知中心）

Question

我想实现与 macOS 通知中心相同的打开/关闭动画，基本上是让它从侧面滑动。

是否可以使用电子来做到这一点？

Answer 1

我认为这是可能的。 Electron 拥有您所需的一切：

• Frameless Window 可能是解决此问题的方法。
• win.setPosition(x, y[, animate])、win.setSize(width, height[, animate])、win.hide() 和 win.show() 是您为窗口设置动画所需的全部内容
• screen 和 Display 将帮助您将窗口放置在正确的位置

初始状态：

• 将窗口放在屏幕一侧
• 设置为尽可能小的宽度
• 隐藏

开幕：

1. 显示窗口
2. 增加宽度并将位置向屏幕中心移动，直到窗口达到所需大小

结束：

1. 减小宽度并改变朝向屏幕一侧的位置
2. 到达侧面时隐藏窗口

然后窗口的内容就是 CSS 和 JS 的魔法，让它看起来不错。

Answer 2

查看css动画here

您可以使用 css 将元素放置在屏幕外，并使用 css 将它们动画化

不需要javascript。