淘宝列表长按效果实现

5 篇文章 0 订阅
1 篇文章 0 订阅

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

淘宝效果

首先分析要点:
  • 运用在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];

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值