UICOllectionView 左右滑动露出按钮
滑动手势
这里使用的是滑动手势,交互比较好一些。若是要简单的话也可以用左右扫动的手势,直接用动画来控制最初和最终的位置就好,而且有方法可以直接判断左右滑动。使用pan的话就是要自己判断上下左右的滑动方向了。下面贴了部分的滑动方法。
- (void)panGesterDidPan:(UIPanGestureRecognizer *)panGesture { switch (panGesture.state) { case UIGestureRecognizerStateBegan: { origin = [panGesture translationInView:self]; } break; case UIGestureRecognizerStateChanged: { CGPoint translation = [panGesture translationInView:self]; isLeft = (translation.x - origin.x < 0); if ((isLeft && shouldRight) || (!isLeft && !shouldRight)) { return; } CGFloat maxDistance = isLeft ? kDeleteBtnWidth - 2 : kDeleteBtnWidth; distance = (fabs(translation.x) < kDeleteBtnWidth ? translation.x : (translation.x < 0 ? - maxDistance : maxDistance)); distance = isLeft ? MIN(0, distance) : MAX(0, distance); self.contentView.center = CGPointMake(originCenter.x + rate * distance, self.contentView.center.y); } break; case UIGestureRecognizerStateEnded: if ((isLeft && shouldRight) || (!isLeft && !shouldRight)) { return; } if (distance - kDeleteBtnWidth < 6) { [UIView animateWithDuration:0.25 animations:^{ self.contentView.center = CGPointMake(originCenter.x + (isLeft ? - kDeleteBtnWidth : kDeleteBtnWidth), self.contentView.center.y); } completion:^(BOOL finished) { originCenter = self.contentView.center; shouldRight = isLeft; }]; } break; default: break; } }
响应多个手势
如果给cell添加手势的话,那么scrollView就没有办法获取到上下滑动的手势了,所以我们要让view响应多个手势。实现gesture的代理方法就可以实现这个效果。
合理隐藏按钮
- 界面始终只允许一个cell滑动出按钮
- 界面发生上下滚动的时候隐藏按钮
第二个比较容易实现,可以在界面发生滚动的时候将visibleCells直接调用隐藏的方法即可。
第一种排他性的隐藏确实有些费脑筋了。也可以模仿上面的方法,滑动的时候抛出个delegate给UICollectionView,然后让UICollectionView的visibleCells隐藏除了正在操作的cell之后的所有cell按钮。
第二种解决方案是借鉴同事的想法,在UICollectionView始终保存最后一个操作的cell,然后每次手势开始的时候进行判断,如果滑动的不是最后一次操作的的cell的话,就让上一次操作过的cell进行隐藏,是自身的话什么也不做。
使用关联对象解耦
因为要记录上一次操作过的cell,那么肯定要有属性来保存。这样的话势必要在UICollectionView里面声明响应的属性。这样的话复用起来很麻烦,于是想到用runtim动态添加属性。递归找到父UICollectionView,然后将currentCell对象关联到该view上面。这里使用内容管理是OBJC_ASSOCIATION_ASSIGN是因为UICollectionView已经对cell有强引用了,所以就不需要管理了。使用话,任何UICollectionView继承之后就可以使用了。
if (!self.parentView) {
self.parentView = [self findParentView:self];
}
JDGlobalAddressListCell *currentCell = objc_getAssociatedObject(self.parentView, @"currentCell");
if (currentCell != self) {
[currentCell hideButtonsWithAnimation:YES];
}
objc_setAssociatedObject(self.parentView, @"currentCell", self, OBJC_ASSOCIATION_ASSIGN);