V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 1260 days ago, the information mentioned may be changed or developed.

闲来无事，尝试实现了一下 Material Studies 里的这个叫 Reply 的跨平台邮件应用，目标是尽可能保证用户在任何设备屏幕上都能得到媲美原生应用的用户体验，花了很多精力在 Material Motion 的动画效果上，好在最终的效果还是很不错的。

Reply Material Motion Reply Material Motion Mobile

不得不说 Angular 的动画引擎是真的很强大，但即便如此有些动画效果比如 Shared Element Transition 和 Container Transform 还是没法直接用内置的动画引擎实现。这方面的动画效果的实现方式我是借鉴的 React 的 Framer Motion 里的 Layout Projection 技术。Layout Projection 的发明者 Matt Perry 在几年前有过一个关于这个技术的演讲，还发布了一篇技术细节博客，但无奈现在已经打不开了，此处多亏 taowen 在 GitHub Gists 上传的博客副本我才得以在 Angular 实现 Layout Projection 。