前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS 左滑按钮(UITableViewRowAction)显示图片

iOS 左滑按钮(UITableViewRowAction)显示图片

作者头像
星宇大前端
发布2022-05-06 17:11:23
1.3K0
发布2022-05-06 17:11:23
举报
文章被收录于专栏:大宇笔记

问题

我们想要左滑删除按钮显示图片。但是系统默认只能添加文字。


解决办法

1、 找到UITableViewRowAction里面的字view,里面有一个button,我们加的文字就加在上面。

在这里插入图片描述
在这里插入图片描述

2、将图片设置为背景颜色

https://stackoverflow.com/questions/29421894/uitableviewrowaction-image-for-title

代码语言:javascript
复制
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
        let deleteAction = UITableViewRowAction(style: .default, title: title) { (action, indexpath) in
        }
       deleteAction.backgroundColor = UIColor(patternImage: UIImage(named: "IMAGE_NAME"))
        return [deleteAction]
    }

3、iOS 11以上 UITableView已经有了这个代理方法。

代码语言:javascript
复制
 func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {

        let delete = UITableViewRowAction(style: .normal, title: "删除") { _, index in
        }
        delete.backgroundColor = UIColor(valueRGB: 0xF2463D, alpha: 1.0)
        return [delete]
    }

    @available(iOS 11.0, *)
    func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {

        let deleteAction = UIContextualAction(style: .normal, title:  nil, handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in

            debugPrint("Delete tapped")

            success(true)
        })

        deleteAction.image = UIImage(named: "integral_icon_delect")
        deleteAction.backgroundColor = UIColor(valueRGB: 0xF2463D, alpha: 1.0)

        return UISwipeActionsConfiguration(actions: [deleteAction])
    }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题
  • 解决办法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档