美文网首页
iOS改变cell的侧滑显示图片

iOS改变cell的侧滑显示图片

作者: 洲洲哥 | 来源:发表于2016-05-20 20:23 被阅读1230次

    本文首发地址

    该想法只是为了赶工期,并且只能对一个按钮有效果。切记切记。

    有些时候要在侧滑的时候显示图片代替文字显示

    从简处理流程

    • 1:在使用的cell里申明一个view一定强引用类型
    • 2:在cell初始化的函数里加载view
    • 3:重写commitEditingStyle进行func
    • *4:在titleForDeleteConfirmationButtonForRowAtIndexPath设置宽度

    看效果图 对比一下子

    2DABC3FE-7A91-4096-A752-0A18274337FE.png F9D9FC33-1A97-4103-A592-08B052184B72.png 3622D14A-9097-4FAF-95E9-C9B11D0B43A8.png

    代码如下

    1在使用的cell里申明一个view一定强引用类型

    @property (nonatomic, strong) UIView * consoleView;
    

    2在cell初始化的函数里加载view

    -(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
        if (self == [super initWithStyle: style reuseIdentifier:reuseIdentifier]) {
            self.consoleView = [[UIView alloc] initWithFrame:CGRectMake(SCREENWIDTH, 0, SCREENWIDTH, 44)];
        }
        // ****这里的高度要和你在vc里写的table的行高要保持一致
        self.consoleView.backgroundColor = [UIColor greenColor];
        [self.contentView addSubview:self.consoleView];
        UIButton * delBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        
        delBtn.frame = CGRectMake(0, 0, 65, 44);
        [delBtn setImage:[UIImage imageNamed:@"cell_dele"] forState:UIControlStateNormal];
        
        [self.consoleView addSubview:delBtn];
        return self;
    }
    

    3 重写commitEditingStyle进行fund

    -(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
        NSLog(@"-----");
        //在这里进行对数据源的操作,刷新表格
    }
    

    4设置宽度

    // 设置返回的文字越长,vc里的cell侧滑的部分就越长咯
    -(NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{
        return @"删除删除删除删除删除";
    }
    

    如有问题可添加我的QQ:1290925041
    还可添加QQ群:234812704(洲洲哥学院)
    欢迎各位一块学习,提高逼格!
    也可以添加洲洲哥的微信公众号

    关注洲洲哥的微信公众号,提高技术就靠他了


    这里写图片描述

    相关文章

      网友评论

          本文标题:iOS改变cell的侧滑显示图片

          本文链接:https://www.haomeiwen.com/subject/zwvnrttx.html