Tinder就像平移iOS

时间:2014-02-24 16:15:53

标签: ios pan

对于iOS中的Tinder应用程序,我假设他们在图像视图上使用了平移手势识别器。如何在用户开始移动的图像下方显示另一个图像?他们是否有另一个图像视图,在手势识别器完成后,动态设置图像视图手势识别器,最后在下面创建另一个图像视图?

5 个答案:

答案 0 :(得分:1)

https://github.com/cwRichardKim/TinderSimpleSwipeCards

看看这个。它有点打破制作刷卡的内容。您的问题的答案是存在一系列卡片,在任何时候视图控制器上只有2或3个卡片。当您向外滑动一个时,它将下一个加载到其他下方。至于他们如何设置手势识别器,卡片可能是一个自定义类,其中所有手势内容已经实现,或者他们可能每次都重新实现它,但是是的,他们每次都必须添加手势识别器。

答案 1 :(得分:1)

您可以使用自己的手势识别器创建自定义卡类,并使用方法didSwipeLeft / Right创建委托。代表将在刷卡时回拨并将下一张卡移到前面。对于代码重用,您可以为此卡创建通用管理器。 您可以在这里查看卡和经理的实施情况:  https://github.com/Yalantis/Koloda

答案 2 :(得分:0)

您可能希望使用CollectionViews来实现此目的。看一下 https://github.com/petetodd/BGSSwipeChooser

实现需要一个自定义的UICollectionViewFlowLayout(example),这可能很复杂,但是你可以获得CollectionViews附带的所有优秀的数据源管理功能。

答案 3 :(得分:0)

我最近刚刚为我工作的公司实施了这个,并决定开源。 https://github.com/skensell/MXCardsSwipingView

我使用UIKit Dynamics,尤其是UIAttachmentBehavior。因此,当有人平底锅我创建一个新的附件行为(基本上将他们的手指附加到卡的那一部分)并将其添加到UIDynamicAnimator。当他们松开手指时,我会以与结束速度相同的方向移动附件的锚点(导致平滑的解雇动画),然后在1秒后将其从视图层次结构中移除。

在内部,我保留了一张卡片的队列,每当平底锅开始时,我都会连接到最顶层的卡片。

此处有更多详情:https://github.com/skensell/MXCardsSwipingView/blob/master/MXCardsSwipingView/Classes/MXCardsSwipingView.m

答案 4 :(得分:0)

检查一下。写于swift 4

func createDraggableViewWithData(at index:Int,value:String) - > TinderCard {

let card = TinderCard(frame:CGRect(x:10,y:0,width:viewTinderBackGround.frame.size.width - 20,height:viewTinderBackGround.frame.size.height - 40),value:value) card.delegate = self 退卡 }

https://github.com/nickypatson/TinderSwipeView

感谢

相关问题