android - 如何为 Android 开发者切换动画？

Question

我是一名设计师，对可以将动画移交给 Android 开发人员的不同方式以及根据特定情况执行此操作的最佳方式很感兴趣。

<强>1。 JSON

我知道Lottie最适合动画化微交互和创建动画插图，例如入门页面上的那些。对于设计师来说，提供 JSON 文件很容易，因为它可以用 Bodymovin 生成。 AfterEffects 中的插件。开发人员只需获取文件并按原样使用它，无需为他做更多的额外工作。

<强>2。 Java 或 Kotlin

需要复杂交互的 UI 元素通常使用代码构建，例如 BubblePicker因为它在这些气泡中具有多变的内容以及如何与之交互的不同条件。由于设计工具不生成可用于生产的代码，因此设计人员从 Principle 等工具导出视频记录，在 ProtoPie 或其他工具中生成可点击的原型(prototype)。设计师尝试不同的方式来展示动画的想法，但在这种情况下，所有的工作都留给了开发人员。

<强>3。 XML

不知道开发人员何时使用此类型以及设计人员是否可以使用某些设计工具的导出来提供它。

开发人员使用哪些其他技术来创建动画？

考虑到不同的情况，原型(prototype)设计者应该为开发者提供什么类型的文件、原型(prototype)设计者？

Answer 1

Android 动画 API 非常多样化，这意味着开发人员可以选择多种方式来提供动画。我敢说，这绝不应以所提供的资源的性质或限制为条件。让我们通过 resources 了解任何不是实际代码的东西:位图图像、音频文件，甚至文本。了解开发人员可以或想要使用的文件类型或格式涉及沟通，您可以预期它们并不总是相同的。

始终提供动画视频，除非可以用一个词描述。

android中最常见的动画有:

1. 可绘制动画。这种类型的动画通常发生在屏幕上的预定义区域内，并通过一个接一个地加载一系列图像来实现。这里常见的文件类型是 PNG 图像，动画的每个步骤都有一个。可能与您在视频中使用的不同 Sprite 数量相同，从来没有超过 24 秒!请记住，为了支持不同的屏幕尺寸和密度，必须为每个系列提供不同的尺寸/密度。如果图像很简单，矢量图形将简化编码人员和设计人员的工作，支持常规 SVG。还可以在矢量图像的路径上设置动画，甚至可以在其中几个路径之间进行变形，只要路径兼容变形，根据文档 ，它们必须具有相同数量的命令和相同数量的每个命令的参数。 ...这需要更多地了解矢量文件定义的内在特性，如果您可以通过阅读 SVG 代码看到图像，那就去吧!

2. 另一个主要组包括应用程序 UI 元素的动画(通过作用于颜色、位置、大小、etx 等属性)。该类型可能涉及也可能不涉及图像资源，通常应用于预定义类型的组件。例如:所有按钮都应从指针点击处开始产生涟漪效果。 Android 有带有特定名称(翻转、缩放)的预定义效果，了解这些词汇可能会有用。

3. 最后，布局更改是当您重新排列周围的事物以更好地传达信息或提示用户采取行动时发生的动画。与这些类似的是 Transitions，它在切换屏幕时发生，但也可用于创建移动图像的动画，改变它们的位置和属性。它们实现起来非常简单，可能需要与1

中提到的相同类型的资源文件

作为引用，请检查以下内容，其中包含一些代码和说明性示例: https://developer.android.com/training/animation/overview

要了解如何支持不同的屏幕尺寸，请查看: https://developer.android.com/training/multiscreen/screensizes

要了解有关 Android 平台中 SVG 支持的更多信息:https://developer.android.com/studio/write/vector-asset-studio