iOS淘宝列表长按效果实现

项目中需要做一个如下和淘宝相同的长按的交互:

淘宝效果

首先分析要点:

  • 运用在TableView或者CollectionView上的cell上
  • 在列表进行滑动是会隐藏效果
  • 长按下一个会自动隐藏掉上一个cell的长按操作

实现思路

  • 给cell添加长按手势
  • 创建一个和要求效果相同的视图,添加到当前cell上
  • 添加动画效果

根据以上思路效果基本完成但是还存在一下问题:

  • 如何在滚动时取消界面上的长按视图?
  • 如何在下一个长按事件出现时,隐藏上一个事件?

封装,自然尽量减少控件的使用复杂度
问题1:

  在长按视图中添加获取当前长按View的父视图添加监听事件
[_viewController addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionNew context:nil];

在监听到contentOffset发生变化时,隐藏当前长按视图。

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
    if ([keyPath isEqualToString:@"contentOffset"]) {
        [self dismiss];
    }
}

问题2:
解决方法有很多种,如何在使用时做的操作最少?
通过工厂方法,创建的长按视图,在新的视图创建成功时,将旧的视图dismiss掉。

+ (instancetype)shareManager {
    static LongPressFactory *shareManager = nil;
    static dispatch_once_t once;
    dispatch_once(&once, ^{
        shareManager = [[self alloc] init];
    });
    return shareManager;
}

- (LongPressView *)createLongPress {
    
    LongPressView *press = [[LongPressView alloc] init];
    
    [self resetFactory];
    
    [self.factoryGoods addObject:press];
    
    return press;
}

- (void)resetFactory {
    for (LongPressView *lpView in self.factoryGoods) {
        [lpView dismiss];
    }
    
    [self.factoryGoods removeAllObjects];
    
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 3,928评论 1 22
  • 从见你的第一面,就喜欢上了。你是我上高中以来,在一次喜欢上的男生。没想到在大学相遇了。这一次的相遇,心以随你而...
    Sophie_e2fa阅读 204评论 1 0
  • 〖坚持看到底有惊喜!不要被开头的杀马特吓跑了〗 我平时比较喜欢画画ರ_ರ 虽然画的不好……但是!我身残志坚!(什么...
    小狮叽QAQ阅读 727评论 16 10