有時(shí)候并沒(méi)有用到TableView嗅绸，但也想實(shí)現(xiàn)長(zhǎng)按上下移動(dòng)，比如多個(gè)按鈕實(shí)現(xiàn)長(zhǎng)按移動(dòng)。所以就寫(xiě)了一個(gè)簡(jiǎn)單的方法來(lái)實(shí)現(xiàn)這個(gè)效果配椭。此效果的基礎(chǔ)是所有按鈕全部代碼創(chuàng)建，是基于更改frame來(lái)實(shí)現(xiàn)的
效果圖
原理
- 每個(gè)按鈕要都添加一個(gè)
tag - 給每個(gè)按鈕添加一個(gè)長(zhǎng)按手勢(shì)
let longPressGes = UILongPressGestureRecognizer.init(target: self, action: #selector(longPressButton))
button.addGestureRecognizer(longPressGes)
- 在
longPressButton方法里添加實(shí)現(xiàn)
講解
-
屬性
lazy var buttonArray = NSMutableArray() //按鈕數(shù)組 var tag = 0 //按鈕tag var endButtonTag = 0 //用來(lái)保存移動(dòng)的按鈕最后停止時(shí)的tag var upY: CGFloat? //移動(dòng)的按鈕之上的按鈕的中心y軸 var downY: CGFloat? //移動(dòng)的按鈕之下的按鈕的中心y軸 var beginY: CGFloat? //用以保存移動(dòng)的按鈕的y軸 var oldFrame: CGRect? //用以保存移動(dòng)的按鈕的最后停止的位置frame -
創(chuàng)建按鈕樣例
- 循環(huán)調(diào)用
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
}
```
-
實(shí)現(xiàn)上下移動(dòng)
// MARK: 長(zhǎng)按按鈕移動(dòng) func longPressButton(sender: UIGestureRecognizer) { let view = sender.view as! UIButton //獲取手勢(shì)的視圖雹姊，既移動(dòng)的按鈕 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里面股缸，也就是開(kāi)始手勢(shì)的時(shí)候,將一些屬性賦值endButtonTag = view.tag //用來(lái)保存移動(dòng)的按鈕最后停止時(shí)的tag oldFrame = view.frame //用以保存移動(dòng)的按鈕的最后停止的位置frame upY = view.frame.origin.y - 27 //移動(dòng)的按鈕之上的按鈕的中心y軸 downY = maxY + 27 //移動(dòng)的按鈕之下的按鈕的中心y軸 beginY = view.frame.origin.y //用以保存移動(dòng)的按鈕的y軸 在
Fun:2手勢(shì)改變的時(shí)候來(lái)處理上下移動(dòng)的邏輯向上移動(dòng)
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
}
}
```
- 首先第一個(gè)按鈕`tag = 0`不要做向上移動(dòng)的處理，
- 然后具體實(shí)現(xiàn)的邏輯是：每向上移動(dòng)一格吱雏，就將原來(lái)上面的按鈕的`frame`保存起來(lái)敦姻，將按鈕數(shù)組中的對(duì)應(yīng)的兩個(gè)按鈕互相交換瘾境，同時(shí)上面的按鈕和移動(dòng)中的按鈕交換`tag`，再將上面的按鈕移動(dòng)到移動(dòng)的按鈕的下面镰惦，這樣就完成了向上移動(dòng)的實(shí)現(xiàn)迷守。
- 向下移動(dòng)
```
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
}
}
```
- 最后一個(gè)按鈕不做向下移動(dòng)
- 具體實(shí)現(xiàn)邏輯與向上移動(dòng)類(lèi)似：每向下移動(dòng)一格，就將原來(lái)下面的按鈕的`frame`保存起來(lái)陨献，將按鈕數(shù)組中的對(duì)應(yīng)的兩個(gè)按鈕互相交換盒犹，同時(shí)下面的按鈕和移動(dòng)中的按鈕交換`tag`懂更，再將下面的按鈕移動(dòng)到移動(dòng)中的按鈕的上面眨业，完成向下移動(dòng)的實(shí)現(xiàn)。
- 在`Fun:3`結(jié)束手勢(shì)時(shí)
self.buttonArray[endButtonTag] = view
if view.frame.origin.x <= self.view.frame.width {
UIView.animateWithDuration(0.1, animations: {
view.frame = self.oldFrame!
})
}
邏輯：將移動(dòng)中的按鈕替換掉最后停止的位置的`tag`對(duì)應(yīng)的數(shù)組中的值沮协，再將移動(dòng)中的按鈕移動(dòng)到最后的位置即可龄捡。
---
## 最后
這個(gè)方法實(shí)現(xiàn)起來(lái)并不是很難，代碼量也不多慷暂∑钢常可能還有更簡(jiǎn)單的方法來(lái)實(shí)現(xiàn)，如果有人了解可以告知行瑞，在這先提前感謝奸腺。