In this example, for the animation states there is a collection of constraints named cardConstraints that determine the card layout set to 1000 of priority amongst others that describes a fullscreen modality that is set to 999. The set with higher priority is activated and deactivated to create the animation so as to lower the complexity of setting back and forth countless properties. Also the visibility of the close button and the corner radius of the card are also set programatically for they are not constraint settable.
The final product is the animation below:
The idea is to try and study more realistic, expressive and maybe useful deliverables. In the following studies I’ll try to coordinate these advances with Navigation Controller and other structures to investigate it’s feasibility as an option for high fidelity interaction design and development.