如何将手势和动画结合在一起

雷克斯逻辑龙

关于iOS动画,我是您的入门者。我知道您可以制作固定的(非手势控制的)动画,在固定的时间段内为视图的属性设置动画。但是,这与使用手势控制动画完全不同。

您知道如何折叠一张8x11纸并将其放入信封并邮寄...将其折叠三分之二。好吧,基本上,我的老板想要一个界面,使其每次2/3一次显示在屏幕上,而另外三分之一则是用手势在屏幕上滑动/滑动。因此,基本上,根据您向左或向右滑动,屏幕将显示三分之一和二,三分之二和三。

现在,这还意味着要执行诸如贴紧/橡皮筋,弹跳,加速/减速,发粘的操作。我不知道从哪里开始做这样的事情。我假设这些类型的动作尚未内置在任何iOS框架中,如果您要捕捉/橡皮筋,弹跳,加速/减速,则必须完全从头开始进行编程。

就像视图如何知道我的人为捕捉/弹跳点以及粘滞行为一样,这样您可以在到达任意位置之前将手指从屏幕上移开,然后视图会弹回到其先前位置。

您会在哪里建议我开始研究如何用手势驱动动画?

托德

我建议您看一下Core Animation。您可以制作一些非常复杂的动画,包括加速,减速,反弹等。

您可以轻松创建一个UIPanGestureRecognizer来跟踪某人何时在屏幕上拖动手指。将动作附加wasDragged到手势上

从文档中:

平移手势是连续的。当允许的最小手指数(minimumNumberOfTouches)移动到足以视为平移时,它开始(UIGestureRecognizerStateBegan)。当手指移动而至少按下最小手指数时,它会更改(UIGestureRecognizerStateChanged)。当所有手指都抬起时,它结束(UIGestureRecognizerStateEnded)。

wasDragged检查actionRecognizer处于什么状态时。如果状态为UIGestureRecognizerStateChanged,则可以调整UIView的大小或位置,使其看起来就像您将其拖出一样。如果状态为UIGestureRecognizerStateEnded,请检查手势结束的点是否大于阈值(例如,在屏幕的一半)。如果不是,则使用动画将视图捕捉回,如果是,则将视图捕捉到所需位置。

希望这是有道理的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将原位转换和复制转换结合在一起?

来自分类Dev

如何将镜头和函子结合在一起?

来自分类Dev

如何将LINQ组和排序与父子表结合在一起?

来自分类Dev

如何将DAO和GUI与MVC结合在一起

来自分类Dev

如何将RequireJS路径和require-css结合在一起?

来自分类Dev

如何将JavaScript代码和html代码结合在一起?

来自分类Dev

将CSS过渡和动画结合在一起吗?

来自分类Dev

将CSS过渡和动画结合在一起吗?

来自分类Dev

如何将固定的月份和日期与sql year函数结合在一起?

来自分类Dev

如何将事件侦听器与事件的“询问”结合在一起?

来自分类Dev

如何将python asyncio与线程结合在一起?

来自分类Dev

如何将.toggleClass()与.appendTo()结合在一起?

来自分类Dev

如何将Axios调用循环与等待功能结合在一起?

来自分类Dev

如何将这两个查询结合在一起?(MySQL)

来自分类Dev

如何将数据框总结为与ID结合在一起的列表?

来自分类Dev

如何将Bash的流程替换与HERE文档结合在一起?

来自分类Dev

如何将DataTables与其他匹配器结合在一起?

来自分类Dev

R:如何将几个数据集结合在一起

来自分类Dev

如何将NavigationDrawerPageSlidingTabStrip与StickyListHeaders库结合在一起?

来自分类Dev

如何将typedef的结构与实例创建结合在一起?

来自分类Dev

如何将列与R中的条件结合在一起?

来自分类Dev

如何将文字信息与系统信息结合在一起?

来自分类Dev

如何将“ IF FOR批处理”与“ FOR DELIMS批处理”结合在一起?

来自分类Dev

如何将分组的输入与对齐的表单结合在一起?

来自分类Dev

如何将时基轮询与等待的任务结合在一起

来自分类Dev

如何将5个以上的PDF与imagemagick转换结合在一起?

来自分类Dev

如何使用Elixir将CSS和更少的东西结合在一起?

来自分类Dev

如何将多个稀疏矩阵和密集矩阵组合在一起

来自分类Dev

将吸气剂结合在一起

Related 相关文章

  1. 1

    如何将原位转换和复制转换结合在一起?

  2. 2

    如何将镜头和函子结合在一起?

  3. 3

    如何将LINQ组和排序与父子表结合在一起?

  4. 4

    如何将DAO和GUI与MVC结合在一起

  5. 5

    如何将RequireJS路径和require-css结合在一起?

  6. 6

    如何将JavaScript代码和html代码结合在一起?

  7. 7

    将CSS过渡和动画结合在一起吗?

  8. 8

    将CSS过渡和动画结合在一起吗?

  9. 9

    如何将固定的月份和日期与sql year函数结合在一起?

  10. 10

    如何将事件侦听器与事件的“询问”结合在一起?

  11. 11

    如何将python asyncio与线程结合在一起?

  12. 12

    如何将.toggleClass()与.appendTo()结合在一起?

  13. 13

    如何将Axios调用循环与等待功能结合在一起?

  14. 14

    如何将这两个查询结合在一起?(MySQL)

  15. 15

    如何将数据框总结为与ID结合在一起的列表?

  16. 16

    如何将Bash的流程替换与HERE文档结合在一起?

  17. 17

    如何将DataTables与其他匹配器结合在一起?

  18. 18

    R:如何将几个数据集结合在一起

  19. 19

    如何将NavigationDrawerPageSlidingTabStrip与StickyListHeaders库结合在一起?

  20. 20

    如何将typedef的结构与实例创建结合在一起?

  21. 21

    如何将列与R中的条件结合在一起?

  22. 22

    如何将文字信息与系统信息结合在一起?

  23. 23

    如何将“ IF FOR批处理”与“ FOR DELIMS批处理”结合在一起?

  24. 24

    如何将分组的输入与对齐的表单结合在一起?

  25. 25

    如何将时基轮询与等待的任务结合在一起

  26. 26

    如何将5个以上的PDF与imagemagick转换结合在一起?

  27. 27

    如何使用Elixir将CSS和更少的东西结合在一起?

  28. 28

    如何将多个稀疏矩阵和密集矩阵组合在一起

  29. 29

    将吸气剂结合在一起

热门标签

归档