[Issue-26] Customize animations

[mpospese]

Introduction

We should make our bottom sheet animations even more customizable than they already are by leveraging the Animation struct that's already in YCoreUI (and used by Y—Snackbar and Y—SideMenu).

Purpose

Fix #26 Use new Animation structure for present / dismiss animations.

Scope

• Extend Animation with default values for bottom sheet
• Modify Appearance to use Animation instead of separate duration and curve properties
• Modify the present and dismiss animators to use the new properties
• Update unit tests

Discussion

One thing this allows (which wasn't possible before) is to optionally present bottom sheets using spring animations. We also have the flexibility (should we need it) to have not only different curves but different durations for the present and dismiss animations. The default behavior though is unchanged: animations are 0.3 seconds and .easeIn on present / .easeOut on dismiss.

🎬 Video

(These animations are slowed down by 2x to help them appear better as GIFs)

Regular animation	Spring animation

📈 Coverage

Code

100%

Documentation

100%

[sjapps]

@mpospese Should we update the readme to provide an example of this new functionality?

[sjapps]

@mpospese Also I'm not sure if its just the animated gif but in the spring animation, the background fade seems to be delayed or out of place. It's not smooth as the regular animation. I can put in a jira ticket if we want to keep this improvement in the backlog.

[mpospese]

@mpospese Should we update the readme to provide an example of this new functionality?

added. I also remove the source code that had been reproduced in the README (as we had discussed).

[mpospese]

@mpospese Also I'm not sure if its just the animated gif but in the spring animation, the background fade seems to be delayed or out of place. It's not smooth as the regular animation. I can put in a jira ticket if we want to keep this improvement in the backlog.

I think it's just the gif. The dimmer animation is on its own curve and unchanged by this change (identical between the two gif's apart from a slightly longer duration in the second one). We could add a ticket if we wanted to add the ability to customize the dimmer animation.