swift 拖动按钮_Swift - 单元格滑动按钮库SwipeCellKit使用详解1（基本用法）
在之前的兩篇文章中我分別介紹了如何使用 iOS8和 iOS11提供的相關(guān)代理方法，來實現(xiàn) tableView單元格滑動事件按鈕：
但它們局限性還是比較大的，前者只能實現(xiàn)尾部按鈕，且按鈕只能使用文字無法使用圖片。而后者對系統(tǒng)版本又要求比較高。
下面介紹一個好用的第三方滑動單元格組件：SwipeCellKit。不僅使用方便，而且功能強大，可以自由設(shè)置各種樣式和動畫效果。只要系統(tǒng)版本在iOS9.0以上就可以使用。
一、基本介紹
使用 SwipeCellKit可以很方便地實現(xiàn)類似系統(tǒng)里郵件 App那樣的滑動效果。
1，功能特點
支持左滑和右滑操作。
動作按鈕支持純文本、文本+圖片以及純圖片樣式。
支持觸覺反饋
可自定義轉(zhuǎn)場效果，比如 Border、Drag以及 Reveal
可自定義按鈕滑動時的行為
支持滑動超過一定范圍時的自動展開動畫
可自定義自動展開動畫
2，安裝配置
(2)將下載下來的源碼包中 SwipeCellKit.xcodeproj拖拽至你的工程中
(3)工程 -> General-> Embedded Binaries 項，把 SwipeCellKit.framework添加進來。
(4)最后，在需要使用 SwipeCellKit的地方 import進來就可以了
import SwipeCellKit
二、使用樣例
1，純文字的滑動按鈕
(1)效果圖
我們在 tableView上向左滑動某個 cell時，其右側(cè)會出現(xiàn)“旗標”“刪除”這兩個按鈕選項。當點擊“旗標”按鈕時，頁面上會彈出相關(guān)的操作信息。
? ??
? ??
而最右側(cè)的“刪除”按鈕除了點擊會觸發(fā)外，直接往左一滑到底也會觸發(fā)，觸發(fā)后會將當前行數(shù)據(jù)給刪除。
? ??
而右滑單元格時左側(cè)會出現(xiàn)“未讀”按鈕，點擊后同樣在頁面上彈出相關(guān)的操作信息。
? ??
(2)樣例代碼
import UIKit
import SwipeCellKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource,
SwipeTableViewCellDelegate{
var tableView:UITableView?
var items = ["這個是條目1","這個是條目2","這個是條目3","這個是條目4",
"這個是條目5","這個是條目6","這個是條目7","這個是條目8",]
override func viewDidLoad() {
super.viewDidLoad()
//創(chuàng)建表格視圖
self.tableView = UITableView(frame:self.view.frame, style:.plain)
self.tableView!.delegate = self
self.tableView!.dataSource = self
//創(chuàng)建一個重用的單元格
self.tableView!.register(SwipeTableViewCell.self,
forCellReuseIdentifier: "SwiftCell")
self.view.addSubview(self.tableView!)
}
//在本例中，有1個分區(qū)
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
//返回表格行數(shù)(也就是返回控件數(shù))
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return items.count
}
//創(chuàng)建各單元顯示內(nèi)容(創(chuàng)建參數(shù)indexPath指定的單元)
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
-> UITableViewCell {
//為了提供表格顯示性能，已創(chuàng)建完成的單元需重復使用
let identify:String = "SwiftCell"
//同一形式的單元格重復使用，在聲明時已注冊
let cell = tableView.dequeueReusableCell(
withIdentifier: identify, for: indexPath) as! SwipeTableViewCell
cell.delegate = self
cell.textLabel?.text = items[indexPath.row]
return cell
}
//自定義滑動按鈕
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath,
for orientation: SwipeActionsOrientation) -> [SwipeAction]? {
//分別返回左側(cè)、右側(cè)的按鈕
if orientation == .left {
//創(chuàng)建“未讀”事件按鈕
let unreadAction = SwipeAction(style: .default, title: "未讀") {
action, indexPath in
UIAlertController.showAlert(message: "點擊了“未讀”按鈕")
}
unreadAction.backgroundColor = UIColor(red: 52/255, green: 120/255,
blue: 246/255, alpha: 1)
//返回左側(cè)事件按鈕
return [unreadAction]
} else{
//創(chuàng)建“旗標”事件按鈕
let favoriteAction = SwipeAction(style: .default, title: "旗標") {
action, indexPath in
UIAlertController.showAlert(message: "點擊了“旗標”按鈕")
}
favoriteAction.backgroundColor = .orange
//創(chuàng)建“刪除”事件按鈕
let deleteAction = SwipeAction(style: .destructive, title: "刪除") {
action, indexPath in
//將對應(yīng)條目的數(shù)據(jù)刪除
self.items.remove(at: indexPath.row)
tableView.reloadData()
}
//返回右側(cè)事件按鈕
return [deleteAction, favoriteAction]
}
}
//自定義滑動行為(可選)
func tableView(_ tableView: UITableView,
editActionsOptionsForRowAt indexPath: IndexPath,
for orientation: SwipeActionsOrientation) -> SwipeTableOptions {
var options = SwipeTableOptions()
options.transitionStyle = .border //變化樣式(使用默認的不變)
options.expansionStyle = .selection //展開樣式(默認為.none)
return options
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
//擴展UIAlertController
extension UIAlertController {
//在指定視圖控制器上彈出普通消息提示框
static func showAlert(message: String, in viewController: UIViewController) {
let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "確定", style: .cancel))
viewController.present(alert, animated: true)
}
//在根視圖控制器上彈出普通消息提示框
static func showAlert(message: String) {
if let vc = UIApplication.shared.keyWindow?.rootViewController {
showAlert(message: message, in: vc)
}
}
}
2，修改文字的顏色和字體
通過 SwipeAction的 textColor和 font屬性，我們可以分別修改按鈕上文字的顏色和字體大小。
//創(chuàng)建“未讀”事件按鈕
let unreadAction = SwipeAction(style: .default, title: "未讀") {
action, indexPath in
UIAlertController.showAlert(message: "點擊了“未讀”按鈕")
}
//設(shè)置按鈕的文字顏色和字體大小
unreadAction.textColor = .green
unreadAction.font = .systemFont(ofSize: 20)
unreadAction.backgroundColor = UIColor(red: 52/255, green: 120/255, blue: 246/255, alpha: 1)
3，帶圖標的滑動按鈕
(1)如果想要實現(xiàn)想郵件 App那樣“圖標 + 文字”的按鈕，我們只需要給對應(yīng)的 SwipeAction設(shè)置個 image就可以了。
//創(chuàng)建“未讀”事件按鈕
let unreadAction = SwipeAction(style: .default, title: "未讀") { action, indexPath in
UIAlertController.showAlert(message: "點擊了“未讀”按鈕")
}
//設(shè)置按鈕圖標
unreadAction.image = UIImage(named: "unread")
unreadAction.backgroundColor = UIColor(red: 52/255, green: 120/255, blue: 246/255, alpha: 1)
(2)如果按鈕只想要圖標，不需要文字標題的話，把 title設(shè)置為 nil即可。
//創(chuàng)建“未讀”事件按鈕
let unreadAction = SwipeAction(style: .default, title: nil) { action, indexPath in
UIAlertController.showAlert(message: "點擊了“未讀”按鈕")
}
//設(shè)置按鈕圖標
unreadAction.image = UIImage(named: "unread")
unreadAction.backgroundColor = UIColor(red: 52/255, green: 120/255, blue: 246/255, alpha: 1)
4，自動展開事件按鈕
(1)上面的樣例中，不管是左側(cè)還是右側(cè)的事件按鈕，都是通過滑動手勢來展開的。有時我們可能想通過程序來自動觸發(fā)這個行為，那么只要調(diào)用 SwipeTableViewCell 的 showSwipe 方法即可。
(2)下面是一個簡單的樣例，當我們點擊某個 cell 時，這個 cell 右側(cè)的功能按鈕便會自動出現(xiàn)。
//點擊某個單元格
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
let cell = tableView.cellForRow(at: indexPath) as! SwipeTableViewCell
//自動展開該單元格右側(cè)的事件按鈕
cell.showSwipe(orientation: .right)
}
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的swift 拖动按钮_Swift - 单元格滑动按钮库SwipeCellKit使用详解1（基本用法）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python简单爬虫入门一_Python
- 下一篇： ss加密php,js前端加密，php后端