有時候并沒有用到TableView，但也想實現(xiàn)長按上下移動，比如多個按鈕實現(xiàn)長按移動。所以就寫了一個簡單的方法來實現(xiàn)這個效果。此效果的基礎是所有按鈕全部代碼創(chuàng)建，是基于更改frame來實現(xiàn)的
效果圖
原理
- 每個按鈕要都添加一個
tag - 給每個按鈕添加一個長按手勢
let longPressGes = UILongPressGestureRecognizer.init(target: self, action: #selector(longPressButton))
button.addGestureRecognizer(longPressGes)
- 在
longPressButton方法里添加實現(xiàn)
講解
-
屬性
lazy var buttonArray = NSMutableArray() //按鈕數(shù)組 var tag = 0 //按鈕tag var endButtonTag = 0 //用來保存移動的按鈕最后停止時的tag var upY: CGFloat? //移動的按鈕之上的按鈕的中心y軸 var downY: CGFloat? //移動的按鈕之下的按鈕的中心y軸 var beginY: CGFloat? //用以保存移動的按鈕的y軸 var oldFrame: CGRect? //用以保存移動的按鈕的最后停止的位置frame -
創(chuàng)建按鈕樣例
- 循環(huán)調用
for _ in 0..<10 { let button = self.addButton(CGRectMake(0, 69 + CGFloat(self.buttonArray.count) * 49, self.view.frame.width, 44), title: "\(tag)") self.buttonArray.addObject(button) }-
方法
// MARK: 添加按鈕
func addButton(rect: CGRect, title: String) -> UIButton {
let button = UIButton.init(type: UIButtonType.System)
button.backgroundColor = UIColor(red: 0.94, green: 0.94, blue: 0.94, alpha: 1.00)
button.setTitle(title, forState: UIControlState.Normal)
button.frame = rect
button.tag = tag
tag += 1
let longPressGes = UILongPressGestureRecognizer.init(target: self, action: #selector(longPressButton))
button.addGestureRecognizer(longPressGes)
self.view.addSubview(button)
return button
}
```
-
實現(xiàn)上下移動
// MARK: 長按按鈕移動 func longPressButton(sender: UIGestureRecognizer) { let view = sender.view as! UIButton //獲取手勢的視圖，既移動的按鈕 let maxY = CGRectGetMaxY(view.frame)//獲取按鈕的最大y軸 view.center = sender.locationInView(self.view) if sender.state == UIGestureRecognizerState.Began { //Func:1 } if sender.state == UIGestureRecognizerState.Changed { //Func:2 } if sender.state == UIGestureRecognizerState.Ended { //Func:3 } } -
在
Fun:1里面，也就是開始手勢的時候,將一些屬性賦值endButtonTag = view.tag //用來保存移動的按鈕最后停止時的tag oldFrame = view.frame //用以保存移動的按鈕的最后停止的位置frame upY = view.frame.origin.y - 27 //移動的按鈕之上的按鈕的中心y軸 downY = maxY + 27 //移動的按鈕之下的按鈕的中心y軸 beginY = view.frame.origin.y //用以保存移動的按鈕的y軸 在
Fun:2手勢改變的時候來處理上下移動的邏輯向上移動
if view.frame.origin.y < upY {
if view.tag != 0 {
let frontButton = self.buttonArray[view.tag-1] as! UIButton
oldFrame = CGRectMake(oldFrame!.origin.x, frontButton.frame.origin.y, oldFrame!.width, oldFrame!.height)
upY = frontButton.frame.origin.y - 27
var frame = frontButton.frame
frame.origin.y = frame.origin.y + 49
downY = frame.origin.y + 22
endButtonTag = frontButton.tag
self.buttonArray[frontButton.tag + 1] = frontButton
frontButton.tag = frontButton.tag + 1
UIView.animateWithDuration(0.1, animations: {
frontButton.frame = frame
})
view.tag -= 1
}
}
```
- 首先第一個按鈕`tag = 0`不要做向上移動的處理，
- 然后具體實現(xiàn)的邏輯是：每向上移動一格，就將原來上面的按鈕的`frame`保存起來，將按鈕數(shù)組中的對應的兩個按鈕互相交換，同時上面的按鈕和移動中的按鈕交換`tag`，再將上面的按鈕移動到移動的按鈕的下面，這樣就完成了向上移動的實現(xiàn)。
- 向下移動
```
if maxY > downY {
if view.tag != self.buttonArray.count-1 {
let afterButton = self.buttonArray[view.tag + 1] as! UIButton
oldFrame = CGRectMake(oldFrame!.origin.x, afterButton.frame.origin.y, oldFrame!.width, oldFrame!.height)
downY = CGRectGetMaxY(afterButton.frame) + 27
var midFrame = afterButton.frame
midFrame.origin.y = midFrame.origin.y - 49
upY = midFrame.origin.y + 22
endButtonTag = afterButton.tag
self.buttonArray[afterButton.tag - 1] = afterButton
afterButton.tag -= 1
UIView.animateWithDuration(0.1, animations: {
afterButton.frame = midFrame
})
view.tag += 1
}
}
```
- 最后一個按鈕不做向下移動
- 具體實現(xiàn)邏輯與向上移動類似：每向下移動一格，就將原來下面的按鈕的`frame`保存起來，將按鈕數(shù)組中的對應的兩個按鈕互相交換，同時下面的按鈕和移動中的按鈕交換`tag`，再將下面的按鈕移動到移動中的按鈕的上面，完成向下移動的實現(xiàn)。
- 在`Fun:3`結束手勢時
self.buttonArray[endButtonTag] = view
if view.frame.origin.x <= self.view.frame.width {
UIView.animateWithDuration(0.1, animations: {
view.frame = self.oldFrame!
})
}
邏輯：將移動中的按鈕替換掉最后停止的位置的`tag`對應的數(shù)組中的值，再將移動中的按鈕移動到最后的位置即可。
---
## 最后
這個方法實現(xiàn)起來并不是很難，代碼量也不多?？赡苓€有更簡單的方法來實現(xiàn)，如果有人了解可以告知，在這先提前感謝。