UITableViewCell嵌入多个UITextField复用问题解决方案

提要:核心思想就是创建模型存多个 textfield的textstring,cellforrow调用时候,用index,从model中取对应textfield的text Sting,textfield输入的时候,调用代理存textfieldString给模型。

有这样一种需求,需要创建一些信息上传到服务器,那么在界面上,就需要进行文本输入,如果一个或者两个文本框,那么就好实现,不需要用UITableViewCell了,但如果是多个文本输入呢,就不得不使用UITableViewCell,那么随之而来的是UITextField文本随着Cell复用带来了问题,即当滑动操作时,文本框的内容会发生错乱等,如何解决呢?

我的解决方案如下:

创建一个模型,用这个模型声明一些属性,用来保存cell中UITextField的值,并且利用KVC提供字典转模型方法
创建UITableViewController为业务VC,自定义cell,给cell传入模型,用来给UITextfield赋值
cell.h文件中定义代理,用来回调UITextField的值
在VC中创建并初始化模型属性,在代理实现中给模型赋值
具体代码如下:

model

@interface TCTextModel : NSObject

@property (nonatomic, strong) NSString *text0;
@property (nonatomic, strong) NSString *text1;
@property (nonatomic, strong) NSString *text2;
@property (nonatomic, strong) NSString *text3;
@property (nonatomic, strong) NSString *text4;
@property (nonatomic, strong) NSString *text5;
@property (nonatomic, strong) NSString *text6;
@property (nonatomic, strong) NSString *text7;
@property (nonatomic, strong) NSString *text8;
@property (nonatomic, strong) NSString *text9;

- (instancetype)initWithDict:(NSDictionary *)dict;
@end
@implementation TCTextModel

- (instancetype)initWithDict:(NSDictionary *)dict {
    self = [super init];
    if (self) {
        _text0 = dict[@"text0"];
        _text1 = dict[@"text1"];
        _text2 = dict[@"text2"];
        _text3 = dict[@"text3"];
        _text4 = dict[@"text4"];
        _text5 = dict[@"text5"];
        _text6 = dict[@"text6"];
        _text7 = dict[@"text7"];
        _text8 = dict[@"text8"];
        _text9 = dict[@"text9"];
        
        [self setValuesForKeysWithDictionary:dict];
    }
    
    return self;
}

- (void)setValue:(id)value forUndefinedKey:(NSString *)key {}

@end

view

@class TCTextModel;
@protocol TCTextFiledCellDelegate;

@interface TCTextFiledCell : UITableViewCell

@property (nonatomic, weak) id<TCTextFiledCellDelegate> delegate;

@property (nonatomic, copy) NSString *title;
@property (nonatomic, assign) NSInteger index;

@property (nonatomic, strong) TCTextModel *model;

@end


@protocol TCTextFiledCellDelegate <NSObject>

@optional

- (void)textFiledCell:(TCTextFiledCell *)cell text:(NSString *)text index:(NSInteger)index;

@end
@interface TCTextFiledCell () <UITextFieldDelegate>

@property (weak, nonatomic) IBOutlet UILabel *titleLabel;
@property (weak, nonatomic) IBOutlet UITextField *textField;
@property (weak, nonatomic) IBOutlet UILabel *tipLabel;

@end

@implementation TCTextFiledCell

- (void)awakeFromNib {
    [super awakeFromNib];
    // Initialization code
    
    [self setupUI];
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
    self.selectionStyle = UITableViewCellSelectionStyleNone;
}

#pragma mark - UI

- (void)setupUI {
    self.textField.delegate = self;
}

#pragma mark - UITextFieldDelegate

- (void)textFieldDidEndEditing:(UITextField *)textField {
    if ([self.delegate respondsToSelector:@selector(textFiledCell:text:index:)]) {
        [self.delegate textFiledCell:self text:textField.text index:self.index];
    }
}

#pragma mark - setter

- (void)setTitle:(NSString *)title {
    _title = title;
    self.titleLabel.text = _title;
}

- (void)setIndex:(NSInteger)index {
    _index = index;
    self.tipLabel.text = [NSString stringWithFormat:@"第%@个", @(_index)];
    switch (_index) {
        case 0: {
            self.textField.text = self.model.text0;
            break;
        }
        case 1: {
            self.textField.text = self.model.text1;
            break;
        }
        case 2: {
            self.textField.text = self.model.text2;
            break;
        }
        case 3: {
            self.textField.text = self.model.text3;
            break;
        }
        case 4: {
            self.textField.text = self.model.text4;
            break;
        }
        case 5: {
            self.textField.text = self.model.text5;
            break;
        }
        case 6: {
            self.textField.text = self.model.text6;
            break;
        }
        case 7: {
            self.textField.text = self.model.text7;
            break;
        }
        case 8: {
            self.textField.text = self.model.text8;
            break;
        }
        case 9: {
            self.textField.text = self.model.text9;
            break;
        }
            
        default:
            break;
    }
}


@end
controller

static NSString * const kTCTextFiledCellIdentifier = @"TCTextFiledCell";

@interface TCTextFieldListController () <TCTextFiledCellDelegate>

@property (nonatomic, strong) NSArray *dataArr;

@property (nonatomic, strong) TCTextModel *textModel;

@end

@implementation TCTextFieldListController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.title = @"textField列表";
    self.view.backgroundColor = [UIColor whiteColor];
    
    [self setupUI];
    [self setupData];
}

#pragma mark - UI 

- (void)setupUI {
    self.tableView.rowHeight = 100;
    self.tableView.tableFooterView = [UIView new];
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    
    UINib *nib = [UINib nibWithNibName:@"TCTextFiledCell" bundle:nil];
    [self.tableView registerNib:nib forCellReuseIdentifier:kTCTextFiledCellIdentifier];
    
}

- (void)setupData {
    NSDictionary *dict = @{@"text0": @"",
                           @"text1": @"",
                           @"text2": @"",
                           @"text3": @"",
                           @"text4": @"",
                           @"text5": @"",
                           @"text6": @"",
                           @"text7": @"",
                           @"text8": @"",
                           @"text9": @""};
    self.textModel = [[TCTextModel alloc] initWithDict:dict];
    
    self.dataArr = @[@"目录0", @"目录1", @"目录2", @"目录3", @"目录4", @"目录5", @"目录6", @"目录7", @"目录8", @"目录9"];
}

#pragma mark - Table view data source

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.dataArr.count;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    TCTextFiledCell *cell = [tableView dequeueReusableCellWithIdentifier:kTCTextFiledCellIdentifier forIndexPath:indexPath];
    cell.title = self.dataArr[indexPath.row];
    cell.model = self.textModel;
    cell.delegate = self;
    cell.index = indexPath.row;
    
    return cell;
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    [self.view endEditing:YES];
}

#pragma mark - TCTextFiledCellDelegate

- (void)textFiledCell:(TCTextFiledCell *)cell text:(NSString *)text index:(NSInteger)index {
    switch (index) {
        case 0: {
            self.textModel.text0 = text;
            break;
        }
        case 1: {
            self.textModel.text1 = text;
            break;
        }
        case 2: {
            self.textModel.text2 = text;
            break;
        }
        case 3: {
            self.textModel.text3 = text;
            break;
        }
        case 4: {
            self.textModel.text4 = text;
            break;
        }
        case 5: {
            self.textModel.text5 = text;
            break;
        }
        case 6: {
            self.textModel.text6 = text;
            break;
        }
        case 7: {
            self.textModel.text7 = text;
            break;
        }
        case 8: {
            self.textModel.text8 = text;
            break;
        }
        case 9: {
            self.textModel.text9 = text;
            break;
        }
            
        default:
            break;
    }
}

@end

界面展示
在这里插入图片描述

作者:村长大人tardis_cxx
链接:https://www.jianshu.com/p/0ac6077c60c3
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于UITableViewCell中包含WebView的自适应高度问题,一般的解决方案是在webViewDidFinishLoad方法中计算WebView的高度,并更新UITableViewCell的高度。但是这种方法有时会出现计算不准确的情况,以及性能问题。 最新的解决方案是使用iOS 11中引入的UITableViewAutomaticDimension,结合约束自动布局来实现UITableViewCell的自适应高度。具体步骤如下: 1. 在Storyboard或XIB中,设置UITableViewCell的约束,包括WebView的顶部、底部、左右两侧的约束,并将WebView的高度设置为大于等于0的值(可以是一个较小的值,比如10)。 2. 在tableView(_:cellForRowAt:)方法中,设置WebView的代理为当前的UITableViewCell,并在webView(_:didFinish:)方法中更新UITableViewCell的高度: ```swift func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { // 计算WebView的内容高度 webView.evaluateJavaScript("document.readyState") { (result, error) in if result != nil { webView.evaluateJavaScript("document.body.offsetHeight", completionHandler: { (height, error) in if let height = height as? CGFloat { // 更新UITableViewCell的高度 self.heightConstraint.constant = height self.setNeedsUpdateConstraints() self.updateConstraintsIfNeeded() self.layoutIfNeeded() self.delegate?.didUpdateHeight() } }) } } } ``` 3. 在tableView(_:estimatedHeightForRowAt:)方法中,返回一个估算的高度(可以是一个较小的值,比如100): ```swift func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat { return 100 } ``` 4. 在tableView(_:heightForRowAt:)方法中,返回UITableViewAutomaticDimension: ```swift func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { return UITableViewAutomaticDimension } ``` 注意:在使用约束自动布局的情况下,需要保证UITableViewCell的高度约束是完整的,即顶部和底部都有约束,否则自适应高度可能会出现问题。同时,在更新UITableViewCell的高度时,需要调用setNeedsUpdateConstraints、updateConstraintsIfNeeded和layoutIfNeeded方法,以保证约束的更新及时生效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值