javascript - Backbone Marionette onBeforeClose 和过渡

Question

从昨天开始，我是 Backbone Marionette 的新手，我想知道是否有人已经尝试在视图之间实现一些花哨的转换。

实际上，我正在尝试在渲染下一个视图之前淡出当前视图。我在 onBeforeClose 回调中执行此操作，但这不起作用，因为下一个视图在我当前视图完成转换之前呈现...

有小费吗？

谢谢

Answer 1

这本应该在很久以前就出现在 Marionette 中了，但我一直推迟...

https://github.com/marionettejs/backbone.marionette/issues/320#issuecomment-9746319

这是使用区域进行过渡动画所需的代码核心。该问题中的代码直接在视图上调用“淡出”和“淡入”方法，但您只需调用view.$el.fadeIn(...)并淡出即可。

我已经多次使用它并取得了巨大的成功，我和我的朋友一起构建了它，他也在大规模应用程序中使用它。

Answer 2

我认为这可能对你有用。

以下木偶插件添加了 4 种过渡。可以轻松添加更多过渡类型。

基本上不是使用 yourRegion.show(view)... 你现在可以使用 yourRegion.showAnimated(view, {animationType: 'yourAnimation'});

它非常易于使用。

https://github.com/marcinkrysiak1979/marionette.showAnimated

有关更多信息，请参阅 github 上的文档