zoukankan      html  css  js  c++  java
  • UICollectionView拖拽移动(类似于九宫格拖拽,学习于HXPhotoPicker)

    collectionVIew 的拖拽,主要是利用手势,进行操作,就是 UILongPressGestureRecognizer,实现UICollectionVIewCell的手势,且借助于,

    [locationOfTouch:0 inView:longPgr.view]

    得到长按手势的CGPoint点,同时借助于

    [self indexPathForItemAtPoint: ] 获取到某一点在cell上,是在那个indexPath

    根据手势的不同状态去做相应的操作

    -(void)longPrgEvent:(UILongPressGestureRecognizer*)longPger{
        if (longPger.state == UIGestureRecognizerStateBegan) {
            self.isDeleteItem = NO;
            [self gestureRecognizerBegan:longPger];
        }else if (longPger.state == UIGestureRecognizerStateChanged){
            if (self.originalIndexPath.section != 0) {
                return;
            }
            [self gestureRecognizerChange:longPger];
            [self moveCell];
        }else if (longPger.state == UIGestureRecognizerStateCancelled || longPger.state == UIGestureRecognizerStateEnded){
            
            [self handelItemInSpace];
            if (!self.isDeleteItem) {
                [self gestureRecognizerCancelOrEnd:longPger];
            }
        }
    }
    #当手势刚开始拖动的时候
    - (void)gestureRecognizerBegan:(UILongPressGestureRecognizer *)longPgr{
        self.originalIndexPath = [self indexPathForItemAtPoint:[longPgr locationOfTouch:0 inView:longPgr.view]];
        SFCollectionViewCell * cell = (SFCollectionViewCell*)[self cellForItemAtIndexPath:self.originalIndexPath];
        UIView * tempMoveCell = [cell snapshotViewAfterScreenUpdates:NO];  //获取一个截屏试图,用于试图的移动,
        self.dragCell = cell;
        cell.hidden = YES;
        self.tempMoveCell = tempMoveCell;
        self.tempMoveCell.frame = cell.frame;
        [UIView animateWithDuration:0.25 animations:^{
            self.tempMoveCell.alpha = 0.8;
            self.tempMoveCell.transform = CGAffineTransformMakeScale(1.15, 1.15);
        }];
        [self addSubview:self.tempMoveCell];
        self.lastPoint = [longPgr locationOfTouch:0 inView:self];
        
    }
    #prarm 当拖拽手势处于变化状态时候,让刚开始获取到的cell截图,做一些移动动画
    利用到矩阵变换
    
      //    CGAffineTransformMakeTranslation(x,y) 矩阵变换,位移
      //    CGAffineTransformMakeRotation(M_PI); 矩阵变换,旋转
      //    CGAffineTransformMakeScale(2, 2);    矩阵变换,缩放
      //    CGPointApplyAffineTransform(CGPoint point, CGAffineTransform t)  某点通过矩阵变换之后的点
    
    - (void)gestureRecognizerChange:(UILongPressGestureRecognizer *)longPgr{
        CGFloat tranX = [longPgr locationOfTouch:0 inView:longPgr.view].x - self.lastPoint.x;
        CGFloat tranY = [longPgr locationOfTouch:0 inView:longPgr.view].y - self.lastPoint.y;
    //    NSLog(@"start %@",NSStringFromCGPoint(self.tempMoveCell.center));
        self.tempMoveCell.center = CGPointApplyAffineTransform(self.tempMoveCell.center, CGAffineTransformMakeTranslation(tranX, tranY));
    //    NSLog(@"end %@",NSStringFromCGPoint(self.tempMoveCell.center));
        self.lastPoint = [longPgr locationOfTouch:0 inView:longPgr.view];
    //    NSLog(@"tranX:%f-tranY:%f--%@",tranX,tranY,NSStringFromCGPoint(self.lastPoint));
    
    //    CGAffineTransformMakeTranslation(x,y) --相对平移 将view(泛指)移动到相对于“屏幕的左上角”
      
    }

    当然当手势处于移动状态下,cell整体需要根据移动的截图的位置,判断出,可能移动到的cell位置,然后做出动画

    核心知识点     [self moveItemAtIndexPath:self.originalIndexPath toIndexPath:self.moveIndexPath];

    - (void)moveCell{
        for (SFCollectionViewCell * cell in self.visibleCells) {
            if ([self indexPathForCell:cell] == self.originalIndexPath) {
                continue;
            }
            //计算中心距离
            CGFloat spaceingX = fabs(self.tempMoveCell.center.x - cell.center.x);
            CGFloat spaceingY = fabs(self.tempMoveCell.center.y - cell.center.y);
            if (spaceingX <= self.tempMoveCell.bounds.size.width/2.0f && spaceingY <= self.tempMoveCell.bounds.size.height/2.0f) {
                self.moveIndexPath = [self indexPathForCell:cell];
                if (self.moveIndexPath.section != 0) {
                    return;
                }
                //更新数据源
                [self updateDataSource];
                //移动
                [self moveItemAtIndexPath:self.originalIndexPath toIndexPath:self.moveIndexPath];
                
                self.originalIndexPath = self.moveIndexPath;
            }
        }
    }

    那么剩下就是更新数据源,将拖拽更换位置更换对应的数据,跳换位置,根据移动位置,中拿到的。originalIndexPath:最初位置  moveIndexPath : 移动到的位置,就行数据更新


    Demo地址 

    https://github.com/wangsongfeng/CLYTabbarController-test.git

  • 相关阅读:
    SQL开窗函数
    mysql中可以实现类似if判断的方法
    sql中COUNT(*)、COUNT(字段名)的区别
    shiro学习笔记_0600_自定义realm实现授权
    shiro学习笔记_0500_授权
    shiro学习笔记_0400_自定义realm实现身份认证
    shiro学习笔记_0300_jdbcRealm和认证策略
    shiro学习笔记_0200_认证
    点击div跳转的方法
    jq获取网页url
  • 原文地址:https://www.cnblogs.com/fengfeng159/p/12908298.html
Copyright © 2011-2022 走看看