如何创建这样的动画？

Question

我在视图控制器上有一个文本字段。我想在用户点击文本字段后填充表单。这是我要实现的动画

我想先知道使用两个控制器做了这个应用程序。或者它只是使用一个控制器，它隐藏表单并在隐藏第一个表单后打开下一个表单。让我们说如果它使用两个控制器如何打开第二个控制器与动画像这个图像，并回到第一个带动画的控制器..目前我只是打开一个默认动画的第二个控制器

$(document).ready(function() {
  $image = $('.image');
  $(window).scroll(function() {
    if ($(window).scrollTop() < $(".content").height() - $image.height()) {
      $image.css('top', $(window).scrollTop());
    }
  });
});

Answer 1

他们使用它的方式在图形方面非常复杂，但这或多或少：

1 - 他们使用两个不同的视图控制器，任何优秀的，有组织的程序员也应如此。

2 - 然后他们定义一个自定义segue，执行从另一个到另一个的转换。自定义segue还负责动画转换。现在，当我这样说时，我会从经验中说出：整个模态segue动画框架是一种痛苦，但它是使这些自定义segue过渡正常工作的唯一方法。它发生的方式是，你将第二个视图控制器叠加在第一个视图控制器之上，然后告诉自定义动画师如何处理单个元素及其帧，使用动画制作器为你的segue - 在这种情况下压缩这些按钮并扩展这两个文本字段。

作为完整的初学者指南，我建议您：http://netsplit.com/custom-ios-segues-transitions-and-animations-the-right-way

我也可以建议那些简单创建自定义segue并在调用presentViewController之前设置动画的小教程：非常诱人，但是你会花很多时间来处理bug，最后浪费时间，因为它永远不会是完美的。