iOS-实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现

古城微笑少年丶 2023-10-18 10:37 67阅读 0赞

*  [阿里云 ][Link 1] > [教程中心][Link 2] > [ios教程 ][ios_] > [iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现 ][iOS_Excel_UITableView_]
 *  iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现
 *  发布时间：2018-02-08 来源：网络 上传者：用户
    
    关键字: [上下左右][Link 3] [滑动][Link 4] [实现][Link 5] [课程表][Link 6] [单个][Link 7] [UItableView][] [右边][Link 8] [左边][Link 9] [本文][Link 10] [固定][Link 11]
    
    [发表文章][Link 12]
 *  摘要：首先,很尴尬、失落的吐槽一下:本菜鸟不知道怎么上传GIF,所以效果图只能用图片简单描述。先简单描述需求:1、最常见的股票效果,左右滑动,上下滚动。2、课程表效果,左边固定第几节课,右边就是星期一到星期日的课程,可以左右滑动。3、商家应用App,实现计算收入的左右滑动,类似Excel表格。即:实现一张列表,左边的栏目固定,右边能够上下左右滑动,重点是头部也能随着滑动而滑动。1:布局任意你想要的视图、2:向上滑动的时候悬浮在最上面、3:实现左右滑动效果图向上滑动2悬浮在最上面扯淡
 *  首先,很尴尬、失落的吐槽一下:本菜鸟不知道怎么上传GIF,所以效果图只能用图片简单描述。
    
    先简单描述需求:  
    1、最常见的股票效果,左右滑动,上下滚动。  
    2、课程表效果,左边固定第几节课,右边就是星期一到星期日的课程,可以左右滑动。  
    3、商家应用App,实现计算收入的左右滑动,类似Excel表格。
    
    即:实现一张列表,左边的栏目固定,右边能够上下左右滑动,重点是头部也能随着滑动而滑动。
    
      
    ![iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现\_IOS][iOS_Excel_UITableView_IOS]  
    1:布局任意你想要的视图、2:向上滑动的时候悬浮在最上面、3:实现左右滑动  
      
    ![iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现\_IOS][iOS_Excel_UITableView_IOS 1]  
    效果图  
      
    ![iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现\_IOS][iOS_Excel_UITableView_IOS 2]  
    向上滑动2悬浮在最上面  
    
    
    扯淡一下:
    
    1:网上你能看到的都是(大部分)都是用两个UITableView+UIScrollView实现的。  
    这样导致第一张图片1的视图很难实现,达不到跟随滑动而滑动。你还要纠结怎么下滑刷新、上拉加载更多。
    
    2:两个UITableView的实现大概是这样的:名称代码那一列是一个UITableView,后面那些值是一个UITableView。当然悬浮在最上面的那一行是UIScrollView实现的,我的也是 . . .
    
    3:代码多敲敲、多看看、多对比,才是自己的东西,也才能知道问题在哪里。
    
    本文实现思路:
    
      
    ![iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现\_IOS][iOS_Excel_UITableView_IOS 3]  
    布局
    
    问题来了:  
    1:滑动cell的UIScrollView,怎么实现全部的cell都跟着左右滑动、还有最新价那一行也左右滑动?
    
    2:最新价所在行滑动,那么下面内容视图cell,咋么也跟着左右滑动?
    
    本菜鸟琢磨了很久,最终用通知实现了,下面直接贴关键代码了,  
    道理就是:我在滑动了,通知你也要滑动了。然后就实现了 . . .
    
      
    // 在控制器中注册一个通知,  
    // 目的就是我滑动了,发出通知告诉对方也要跟着滑动了  
    \[\[NSNotificationCenter defaultCenter\] addObserver:self selector:@selector(scrollMove:) name:tapCellScrollNotification object:nil\];
    
    控制器中UIScrollView的代理方法
    
      
    \- (void)scrollViewDidScroll:(UIScrollView \*)scrollView  
    \{  
    //cell上的UIScrollView滑动了viewForHeader上的UIScrollView跟着滑动  
    if (\[scrollView isEqual:self.topScrollView\]) \{  
    CGPoint offSet = \_aroundCell.rightScrollView.contentOffset;  
    offSet.x = scrollView.contentOffset.x;  
    \_aroundCell.rightScrollView.contentOffset = offSet;  
    \}  
    //viewForHeader上的UIScrollView滑动了,发出通知告诉cell上的UIScrollView也要滑动了  
    if (\[scrollView isEqual:self.myTableView\]) \{  
    // 发送通知  
    \[\[NSNotificationCenter defaultCenter\] postNotificationName:tapCellScrollNotification object:self userInfo:@\{@"cellOffX":@(self.cellLastX)\}\];  
    \}  
    \}
    
    注册通知实现的方法  
    cell滑动了多少,viewForHeader也要跟着滑动多少
    
      
    \-(void)scrollMove:(NSNotification\*)notification  
    \{  
    NSDictionary \*noticeInfo = notification.userInfo;  
    NSObject \*obj = notification.object;  
    float x = \[noticeInfo\[@"cellOffX"\] floatValue\];  
    self.cellLastX = x;  
    CGPoint offSet = self.topScrollView.contentOffset;  
    offSet.x = x;  
    self.topScrollView.contentOffset = offSet;  
    obj = nil;  
    \}
    
    接下来就是处理cell
    
      
    //给cell上的UIScrollView添加点击事件、注册通知(目的跟控制器的通知一样样)  
    UITapGestureRecognizer \*tapGes = \[\[UITapGestureRecognizer alloc\] initWithTarget:self action:@selector(tapAction:)\];  
    \[self.rightScrollView addGestureRecognizer:tapGes\];  
    \[\[NSNotificationCenter defaultCenter\] addObserver:self selector:@selector(scrollMove:) name:tapCellScrollNotification object:nil\];
    
    //cell中UIScrollView的代理事件
    
      
    \-(void)scrollViewDidEndDecelerating:(UIScrollView \*)scrollView\{  
    if (!\_isNotification) \{  
    // 发送通知  
    \[\[NSNotificationCenter defaultCenter\] postNotificationName:tapCellScrollNotification object:self userInfo:@\{@"cellOffX":@(scrollView.contentOffset.x)\}\];  
    \}  
    \_isNotification = NO;  
    \}
    
    刚才我们给cell的UIScrollView添加了事件,目的是告诉控制器我点击了第几行,控制器去做其他动作。  
    并且我们担心他的触发事件跟其他的触发事件冲突,我要要做一个手势触发判断是不是我们加上去的,还是UITableViewCellContentView的事件
    
      
    \- (void)tapAction:(UITapGestureRecognizer \*)gesture  
    \{  
    if (self.tapCellClick) \{  
    self.tapCellClick(indexPath);  
    \}  
    \}  
    \- (BOOL)gestureRecognizer:(UIGestureRecognizer \*)gestureRecognizer shouldReceiveTouch:(UITouch \*)touch  
    \{  
    if (\[NSStringFromClass(\[touch.view class\]) isEqualToString:@"UITableViewCellContentView"\]) \{  
    return NO;  
    \}  
    return YES;  
    \}
    
    大概思路以及重要代码都在上面了。  
    还是那句话:代码多敲敲、多看看、多对比,才是自己的东西,也才能知道问题在哪里。  
    如果有什么不明白,欢迎一起研究、共勉。  
    欢迎大神多多指教,不胜感激,谢谢。
    
      
      
    
 *  以上是[iOS实现股票、课程表、Excel等上下左右滑动效果（左边的栏目固定,右边能够上下左右滑动）,本文用单个UITableView实现][iOS_Excel_UITableView_]的内容，更多 [上下左右 ][Link 3][滑动 ][Link 4][实现 ][Link 5][课程表 ][Link 6][单个 ][Link 7][UItableView ][UItableView][右边 ][Link 8][左边 ][Link 9][本文 ][Link 10][固定 ][Link 11]的内容，请您使用右上方搜索功能获取相关信息。
 *  原文地址[https://www.aliyun.com/jiaocheng/373704.html][iOS_Excel_UITableView_]

[Link 1]: https://www.aliyun.com/
[Link 2]: https://www.aliyun.com/jiaocheng/
[ios_]: https://www.aliyun.com/jiaocheng/ios
[iOS_Excel_UITableView_]: https://www.aliyun.com/jiaocheng/373704.html
[Link 3]: https://www.aliyun.com/jiaocheng/topic_5471.html
[Link 4]: https://www.aliyun.com/jiaocheng/topic_954.html
[Link 5]: https://www.aliyun.com/jiaocheng/topic_758.html
[Link 6]: https://www.aliyun.com/jiaocheng/topic_11707.html
[Link 7]: https://www.aliyun.com/jiaocheng/topic_2408.html
[UItableView]: https://www.aliyun.com/jiaocheng/topic_15884.html
[Link 8]: https://www.aliyun.com/jiaocheng/topic_6973.html
[Link 9]: https://www.aliyun.com/jiaocheng/topic_10248.html
[Link 10]: https://www.aliyun.com/jiaocheng/topic_13844.html
[Link 11]: https://www.aliyun.com/jiaocheng/topic_1906.html
[Link 12]: https://yq.aliyun.com/articles/new
[iOS_Excel_UITableView_IOS]: http://aliyunzixunbucket.oss-cn-beijing.aliyuncs.com/jpg/622b6c49ed71fd46bf68360b30d2491b.jpg?x-oss-process=image/resize,p_100/auto-orient,1/quality,q_90/format,jpg/watermark,image_eXVuY2VzaGk=,t_100,g_se,x_0,y_0
[iOS_Excel_UITableView_IOS 1]: http://aliyunzixunbucket.oss-cn-beijing.aliyuncs.com/jpg/e0e9340faa8ec7e0139cacbe6c952144.jpg?x-oss-process=image/resize,p_100/auto-orient,1/quality,q_90/format,jpg/watermark,image_eXVuY2VzaGk=,t_100,g_se,x_0,y_0
[iOS_Excel_UITableView_IOS 2]: http://aliyunzixunbucket.oss-cn-beijing.aliyuncs.com/jpg/b6a81280fa3dd7388032fc583a082349.jpg?x-oss-process=image/resize,p_100/auto-orient,1/quality,q_90/format,jpg/watermark,image_eXVuY2VzaGk=,t_100,g_se,x_0,y_0
[iOS_Excel_UITableView_IOS 3]: http://aliyunzixunbucket.oss-cn-beijing.aliyuncs.com/jpg/30e2aaad19b11ff4b733ed115864ac53.jpg?x-oss-process=image/resize,p_100/auto-orient,1/quality,q_90/format,jpg/watermark,image_eXVuY2VzaGk=,t_100,g_se,x_0,y_0