實現控件拖動的方法有多種,可以使用UICollectionView的代理方法直接實現,但是有些開發者在初始時沒有使用UICollectionView創建九宮格,後來增加需求,卻要增加這種拖動移動的效果,又不想更改頁面的初始控件,那麼應該怎麼實現呢?
方法很簡單,首先在@interface創建以下全局變量;
@interface YRViewController () { BOOL contain; CGPoint startPoint; CGPoint originPoint; } @property (strong , nonatomic) NSMutableArray *itemArray; @end
如圖所示,在viewDidLoad裡創建了如下的控件布局;
- (void)viewDidLoad { [super viewDidLoad]; for (NSInteger i = 0;i<8;i++) { UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; btn.backgroundColor = [UIColor redColor]; btn.frame = CGRectMake(50+(i%2)*100, 64+(i/2)*100, 90, 90); btn.tag = i; btn.titleLabel.font = [UIFont boldSystemFontOfSize:20]; [btn setTitle:[NSString stringWithFormat:@"%d",1+i] forState:UIControlStateNormal]; [self.view addSubview:btn]; UILongPressGestureRecognizer *longGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(buttonLongPressed:)]; [btn addGestureRecognizer:longGesture]; [self.itemArray addObject:btn]; } }
下面,我們就要思考,如何實現長按移動了,控件的移動並且重新排序,主要是考慮移動的那個控件移動到新的位置,直接看下列代碼,
- (void)buttonLongPressed:(UILongPressGestureRecognizer *)sender { UIButton *btn = (UIButton *)sender.view; if (sender.state == UIGestureRecognizerStateBegan) { startPoint = [sender locationInView:sender.view]; originPoint = btn.center; [UIView animateWithDuration:Duration animations:^{ btn.transform = CGAffineTransformMakeScale(1.1, 1.1); btn.alpha = 0.7; }]; } else if (sender.state == UIGestureRecognizerStateChanged) { CGPoint newPoint = [sender locationInView:sender.view]; CGFloat deltaX = newPoint.x-startPoint.x; CGFloat deltaY = newPoint.y-startPoint.y; btn.center = CGPointMake(btn.center.x+deltaX,btn.center.y+deltaY); //NSLog(@"center = %@",NSStringFromCGPoint(btn.center)); NSInteger index = [self indexOfPoint:btn.center withButton:btn]; if (index<0) { contain = NO; } else { [UIView animateWithDuration:Duration animations:^{ CGPoint temp = CGPointZero; UIButton *button = _itemArray[index]; temp = button.center; button.center = originPoint; btn.center = temp; originPoint = btn.center; contain = YES; }]; } } else if (sender.state == UIGestureRecognizerStateEnded) { [UIView animateWithDuration:Duration animations:^{ btn.transform = CGAffineTransformIdentity; btn.alpha = 1.0; if (!contain) { btn.center = originPoint; } }]; } }
下面這個方法用來判斷要移動的button將要移動到的位置的center是不是在button數組(itemArray)元素的位置中,如果是,返回i 新位置原來的button是數組中得第幾個元素,否則,返回-1。
- (NSInteger)indexOfPoint:(CGPoint)point withButton:(UIButton *)btn { for (NSInteger i = 0;i<_itemArray.count;i++) { UIButton *button = _itemArray[i]; if (button != btn) { if (CGRectContainsPoint(button.frame, point)) { return i; } } } return -1; }
這樣,我們通過位置判斷,讓控件的位置得以改變。