iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0
Mobile Development

ios前端開發學習系列 第 22

【Day22】認識如何使用tableView(一)右滑左滑

  • 分享至 

  • xImage
  •  

在 iOS 中,UITableView 是一個非常強大和靈活的 UI 元件,用於顯示列表形式的資料。除了基本的資料顯示,UITableView 也支持各種交互功能,其中之一就是滑動操作(Swipe Actions)。

簡介

  • 右滑(Trailing Swipe Actions): 這是當用戶從左向右滑動單元格時觸發的操作。
  • 左滑(Leading Swipe Actions): 這是當用戶從右向左滑動單元格時觸發的操作。

右滑操作(Trailing Swipe Actions)

使用 tableView(_:trailingSwipeActionsConfigurationForRowAt:) 方法來添加右滑操作。

func tableView(_ tableView: UITableView, 
               trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {

    // 創建一個刪除操作
    let deleteAction = UIContextualAction(style: .destructive, title: "Delete") { (_, _, completionHandler) in
        // 在這裡實現刪除操作
        completionHandler(true)
    }
    
    // 將操作添加到 UISwipeActionsConfiguration
    let configuration = UISwipeActionsConfiguration(actions: [deleteAction])
    
    return configuration
}

左滑操作(Leading Swipe Actions)

使用 tableView(_:leadingSwipeActionsConfigurationForRowAt:) 方法來添加左滑操作。

func tableView(_ tableView: UITableView, 
               leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {

    // 創建一個標記操作
    let markAction = UIContextualAction(style: .normal, title: "Mark") { (_, _, completionHandler) in
        // 在這裡實現標記操作
        completionHandler(true)
    }
    markAction.backgroundColor = .blue
    
    // 將操作添加到 UISwipeActionsConfiguration
    let configuration = UISwipeActionsConfiguration(actions: [markAction])
    
    return configuration
}

上一篇
【Day21】認識如何使用 realm 來取代 Xcode 內建 core data
下一篇
【Day23】認識如何使用tableView(二)刪除動畫
系列文
ios前端開發學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言