Tinder就像泛iOS一样

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

https://github.com/cwRichardKim/TinderSimpleSwipeCards

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

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

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

实现需要一个自定义的UICollectionViewFlowLayout( 示例 ),它可能很复杂,但您可以获得CollectionViews附带的所有优秀的数据源管理function。

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

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

在内部我保持卡的队列,每当平底锅启动时,我都会连接到最顶层的卡。

更多细节: https : //github.com/skensell/MXCardsSwipingView/blob/master/MXCardsSwipingView/Classes/MXCardsSwipingView.m

看一下这个 。 写在迅速4

func createDraggableViewWithData(在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 =自助返回卡}

https://github.com/nickypatson/TinderSwipeView

谢谢