一、实现效果
本文介绍怎么在UITableViewCell中添加输入框，对于不同的row的输入框输入的文本进行获取以至于打到一个表单填写的效果。
二、项目结构
三、代码部分
1. 项目使用Cocoapods管理
- 在控制台对创建的项目进行创建pods，创建Podfile文件，使用命令vi Podfile进入到Podfile文件里面，按下键盘i进入编辑状态
- 输入我们需要使用的第三方库，此项目中使用了Masonry来进行适配
1 | platform :ios, '8.0' |
- 在写好上一步的代码后，按
ESC,然后输入:wq回车退出编辑状态
- 使用命令
pod instal进行第三方库安装，当出现以下内容的时候表示你已经装好Masonry了
######2.创建需要显示的自定义UITableViewCell**.h文件**1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23//
// InputStrTableViewCell.h
//
// Created by Jackeroo on 2017/5/27.
// Copyright © 2017年 Jackeroo. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface InputStrTableViewCell : UITableViewCell
@property (nonatomic, strong) UITextField *textField;
/**
设置cell信息
@param title cell左侧标题
@param desc 占位文字信息
@param type 键盘类型 0、表示正常键盘 1、表示数字键盘
@param text 填充文字
@param textFieldBlock 输入内容回调
*/
-(void)setCellInfo:(NSString*)title withInputDesc:(NSString*)desc withKeybordType:(NSInteger )type withText:(NSString *)text WithReturnBlock:(void (^)(NSString *result))textFieldBlock;
@end
**.m文件**1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121//
// InputStrTableViewCell.m
//
// Created by Jackeroo on 2017/5/27.
// Copyright © 2017年 Jackeroo. All rights reserved.
//
// 颜色
#define RGBA(r,g,b,a) [UIColor colorWithRed:(r)/255.0f green:(g)/255.0f blue:(b)/255.0f alpha:a]
#import "InputStrTableViewCell.h"
#import "Masonry.h"
#import "View+MASShorthandAdditions.h"
@interface InputStrTableViewCell()<UITextFieldDelegate>
// 标题Label
@property (nonatomic, strong) UILabel *titleLabel;
@end
@implementation InputStrTableViewCell{
// 输入回调
void (^_block)(NSString *inputResult);
}
- (void)awakeFromNib {
[super awakeFromNib];
// Initialization code
}
// 初始化
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
self.backgroundColor =RGBA(242, 242, 242, 1);
self.selectionStyle = UITableViewCellSelectionStyleNone;
self.titleLabel = [[UILabel alloc] init];
self.titleLabel.font =[UIFont systemFontOfSize:14];
self.titleLabel.textColor = [UIColor blackColor];
self.textField = [[UITextField alloc] init];
self.textField.font = [UIFont systemFontOfSize:12];
self.textField.textColor = [UIColor grayColor];
self.textField.textAlignment = NSTextAlignmentRight;
self.textField.delegate = self;
self.textField.backgroundColor = [UIColor whiteColor];
self.textField.clearButtonMode = UITextFieldViewModeAlways;
// 添加输入完成会回调通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChanging:) name:UITextFieldTextDidChangeNotification object:self.textField];
[self addSubview];
[self autoLayout];
CGFloat scale = [[UIScreen mainScreen] scale];
CGFloat width = scale > 0.0 ? 1.0 / scale : 1.0;
self.layer.borderWidth = width;
self.layer.borderColor = [UIColor lightGrayColor].CGColor;
}
return self;
}
- (void)setFrame:(CGRect)frame
{
frame.origin.y -= 0.5;//整体向上 移动0.5
frame.size.height += 0.5;//间隔为0.5
[super setFrame:frame];
}
/**
* 添加页面
*/
-(void)addSubview{
[self.contentView addSubview:self.titleLabel];
[self.contentView addSubview:self.textField];
}
/**
* 页面自动适配
*/
-(void) autoLayout{
[self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.leading.offset(12.5);
make.centerY.equalTo(self.contentView.mas_centerY);
make.width.equalTo(@100);
make.trailing.equalTo(self.textField.mas_leading).offset(-10);
}];
[self.textField mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerY.equalTo(self.contentView.mas_centerY);
make.trailing.offset(-10);
make.leading.equalTo(self.titleLabel.mas_trailing).offset(10);
make.top.offset(10);
make.bottom.offset(-10);
}];
}
- (void)dealloc{
[[NSNotificationCenter defaultCenter] removeObserver:self name:UITextFieldTextDidChangeNotification object:nil];
}
-(void)textFieldChanging:(id)sender{
if (_block) {
_block(self.textField.text);
}
}
-(void)setCellInfo:(NSString*)title withInputDesc:(NSString*)desc withKeybordType:(NSInteger)type withText:(NSString *)text WithReturnBlock:(void (^)(NSString *))textFieldBlock{
if (type==1) {
self.textField.keyboardType = UIKeyboardTypeNumberPad;
}
_textField.text =text;
_textField.clearButtonMode = UITextFieldViewModeWhileEditing;
_block = textFieldBlock;
_titleLabel.text = title;
_textField.placeholder = desc;
}
- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
[super setSelected:selected animated:animated];
// Configure the view for the selected state
}
@end
3.创建一个Info对象模型，存入所填写的内容
1 | #import <Foundation/Foundation.h> |
4.使用方法
1 | -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ |
注：只是粗糙的实现了功能，还有部分可优化的，代码已上传Github,喜欢的欢迎star一下，以资鼓励，嘿嘿， git地址 。
