[iOS]UITableView或UICollectionView的cell中嵌套UICollectionView后,第二层的CollectionViewCell点击无响应的问题

本文主要是介绍[iOS]UITableView或UICollectionView的cell中嵌套UICollectionView后,第二层的CollectionViewCell点击无响应的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

如图,UITableView中嵌套UICollectionView后无法点击分享.
之前为了解决这个问题,已经放弃了方式(collectionView:didSelectItemAtIndexPath:),选择使用cell中响应按钮点击的方式.
现在适配iOS13发现,上面这种方式也已经无法响应点击,所以现在适配时选择了点击穿透的方式来处理.

例:

解决:

点击穿透

OC

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{CGPoint bluePoint = [self convertPoint:point toView:self.collectionView];NSInteger index = -1;// 这种方式在iphone 7plus会顺序错误
//    NSArray *cellArr = self.collectionView.visibleCells;
//    for (int i = 0 ; i < cellArr.count ; i ++) {
//        WXYZ_ShareItemCell *curCell = [cellArr objectAtIndex:i];
//        // 判断给定的点是否被一个CGRect包含,可以用CGRectContainsPoint函数
//        BOOL contains = CGRectContainsPoint(curCell.frame, bluePoint);
//        if (contains) {
//            index = i;
//            break;
//        }
//    }NSArray<NSIndexPath *> *indexPathsForVisibleItems = self.collectionView.indexPathsForVisibleItems;for (int i = 0 ; i < indexPathsForVisibleItems.count ; i ++) {NSIndexPath *indexPath = indexPathsForVisibleItems[i];WXYZ_ShareItemCell *curCell = (WXYZ_ShareItemCell *)[self.collectionView cellForItemAtIndexPath:indexPath];// 判断给定的点是否被一个CGRect包含,可以用CGRectContainsPoint函数BOOL contains = CGRectContainsPoint(curCell.frame, bluePoint);if (contains) {index = indexPath.item;break;}}if ([self.collectionView pointInside:bluePoint withEvent:event]) {if (index >= 0) {[self selectCellWithItem:index];}return self.collectionView;} else {return [super hitTest:point withEvent:event];}
}- (void)selectCellWithItem:(NSInteger)index {}

Swift

extension MineListCell {override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {let bluePoint: CGPoint = self.convert(point, to: self.collectionView)var index = -1let indexPathsForVisibleItems = self.collectionView.indexPathsForVisibleItemsfor (ind,obj) in indexPathsForVisibleItems.enumerated() {let indexPath = objif let curCell = self.collectionView.cellForItem(at: indexPath) {let contains = curCell.frame.contains(bluePoint)if contains {index = indexPath.itembreak}}}if self.collectionView.point(inside: bluePoint, with: event) {if index >= 0 {self.selectCellWithItem(index: index)}return self.collectionView} else {return super.hitTest(point, with: event)}}func selectCellWithItem(index: Int) {print(index)}
}

经过实际使用体验, 发现上面点击穿透的方式解决得并不完美. 用这种方式, 你会发现,点击动作还未完,但操作就已经响应.

下面对点击穿透方式进行优化:

1.使用点击穿透记录当前点击的位置

class MineListCell: UICollectionViewCell {// 使用点击穿透记录当前点击的位置var curTapIndex: Int = -1 ......}extension MineListCell {override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {let bluePoint: CGPoint = self.convert(point, to: self.collectionView)var index = -1let indexPathsForVisibleItems = self.collectionView.indexPathsForVisibleItemsfor (ind,obj) in indexPathsForVisibleItems.enumerated() {let indexPath = objif let curCell = self.collectionView.cellForItem(at: indexPath) {let contains = curCell.frame.contains(bluePoint)if contains {index = indexPath.itembreak}}}curTapIndex = indexif self.collectionView.point(inside: bluePoint, with: event) {return super.hitTest(point, with: event)} else {return super.hitTest(point, with: event)}}}

2.在第一层UITableView或UICollectionView代理方法中接受到回调后进行相应的处理

extension MineVC: UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {......func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {let cell: MineListCell = collectionView.cellForItem(at: indexPath) as! MineListCellif let items = cell.items, cell.curTapIndex >= 0, items.count > cell.curTapIndex  {let obj: MineItemModel = items[cell.curTapIndex]if let route = obj.route {if let topVC = ScreenUIManager.topViewController() {PushWithRoute(vc: topVC, route: route)}}}}
}

这篇关于[iOS]UITableView或UICollectionView的cell中嵌套UICollectionView后,第二层的CollectionViewCell点击无响应的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1091431

相关文章

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Web服务器-Nginx-高并发问题

《Web服务器-Nginx-高并发问题》Nginx通过事件驱动、I/O多路复用和异步非阻塞技术高效处理高并发,结合动静分离和限流策略,提升性能与稳定性... 目录前言一、架构1. 原生多进程架构2. 事件驱动模型3. IO多路复用4. 异步非阻塞 I/O5. Nginx高并发配置实战二、动静分离1. 职责2

解决升级JDK报错:module java.base does not“opens java.lang.reflect“to unnamed module问题

《解决升级JDK报错:modulejava.basedoesnot“opensjava.lang.reflect“tounnamedmodule问题》SpringBoot启动错误源于Jav... 目录问题描述原因分析解决方案总结问题描述启动sprintboot时报以下错误原因分析编程异js常是由Ja

MySQL 表空却 ibd 文件过大的问题及解决方法

《MySQL表空却ibd文件过大的问题及解决方法》本文给大家介绍MySQL表空却ibd文件过大的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录一、问题背景:表空却 “吃满” 磁盘的怪事二、问题复现:一步步编程还原异常场景1. 准备测试源表与数据

解决Nginx启动报错Job for nginx.service failed because the control process exited with error code问题

《解决Nginx启动报错Jobfornginx.servicefailedbecausethecontrolprocessexitedwitherrorcode问题》Nginx启... 目录一、报错如下二、解决原因三、解决方式总结一、报错如下Job for nginx.service failed bec

SysMain服务可以关吗? 解决SysMain服务导致的高CPU使用率问题

《SysMain服务可以关吗?解决SysMain服务导致的高CPU使用率问题》SysMain服务是超级预读取,该服务会记录您打开应用程序的模式,并预先将它们加载到内存中以节省时间,但它可能占用大量... 在使用电脑的过程中,CPU使用率居高不下是许多用户都遇到过的问题,其中名为SysMain的服务往往是罪魁

MySQ中出现幻读问题的解决过程

《MySQ中出现幻读问题的解决过程》文章解析MySQLInnoDB通过MVCC与间隙锁机制在可重复读隔离级别下解决幻读,确保事务一致性,同时指出性能影响及乐观锁等替代方案,帮助开发者优化数据库应用... 目录一、幻读的准确定义与核心特征幻读 vs 不可重复读二、mysql隔离级别深度解析各隔离级别的实现差异

C++ vector越界问题的完整解决方案

《C++vector越界问题的完整解决方案》在C++开发中,std::vector作为最常用的动态数组容器,其便捷性与性能优势使其成为处理可变长度数据的首选,然而,数组越界访问始终是威胁程序稳定性的... 目录引言一、vector越界的底层原理与危害1.1 越界访问的本质原因1.2 越界访问的实际危害二、基

Python多线程应用中的卡死问题优化方案指南

《Python多线程应用中的卡死问题优化方案指南》在利用Python语言开发某查询软件时,遇到了点击搜索按钮后软件卡死的问题,本文将简单分析一下出现的原因以及对应的优化方案,希望对大家有所帮助... 目录问题描述优化方案1. 网络请求优化2. 多线程架构优化3. 全局异常处理4. 配置管理优化优化效果1.

详解Java中三种状态机实现方式来优雅消灭 if-else 嵌套

《详解Java中三种状态机实现方式来优雅消灭if-else嵌套》这篇文章主要为大家详细介绍了Java中三种状态机实现方式从而优雅消灭if-else嵌套,文中的示例代码讲解详细,感兴趣的小伙伴可以跟... 目录1. 前言2. 复现传统if-else实现的业务场景问题3. 用状态机模式改造3.1 定义状态接口3