在开发过程中,输入框的设计应需求而千奇百怪。这里就来介绍一下 个性签名 类型的编辑框。这种编辑框,可以用到很多的场合:留言、反馈、投诉,等等。
感谢大家,建议大家下载样例看看。样例中有我在这里没有写出来的很多细节。
一、构思
这个编辑框,我主要是在UITableViewCell中实现的。仅仅用到两个控件:
- UITextView :输入框
- UILabel :信息提示:1、左上的占位提示。2、右下的文字记数。
布局也很简单,总共还花不了1分钟。但是对于 左上的占位提示Label 需要做细致的微调。
二、关联属性
代码如下:
// 编辑框
@property (weak, nonatomic) IBOutlet UITextView *textView;
// 占位文本控件
@property (weak, nonatomic) IBOutlet UILabel *placeholderLabel;
// 计数控件
@property (weak, nonatomic) IBOutlet UILabel *countLabel;
其中 UITextView 需要设置代理。
三、核心代码
这个编辑框功能的实现,主要还是 UITextViewDelegate 代理方法的实现以及我实现的一个分类(UITextView+HG)。核心代理方法的具体实现如下:
#pragma mark -
#pragma mark - UITextViewDelegate
- (void)textViewDidChange:(UITextView *)textView {
// 必须要在这里弄.
self.placeholderLabel.hidden = (textView.text.length > 0);;
// 如果在变化中是高亮部分在变,就不要计算字符了
if (textView.hg_isHighLighted) {
return ;
}
// 主要是处理当输入超出限制时的优化
if (textView.text.length > self.maxCount) {
[textView hg_invalidTextFieldCurContent:_signatureTEXT];
}
// 代理
if (self.delegate && [self.delegate respondsToSelector:@selector(setupSignatureCell:didChangedValue:)]) {
[self.delegate setupSignatureCell:self didChangedValue:textView.text];
}
// 保留
// 不能这么调用
// self.signatureTEXT = textView.text;
// 正确的姿势是这样的
_signatureTEXT = textView.text;
_countLabel.text = [NSString stringWithFormat:@"%zd/%zd", self.signatureTEXT.length, (self.maxCount - self.signatureTEXT.length)];
}
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {
// 只要是删除,都可以
if ([text isEqualToString:@""]) {
return YES;
}
// 如果在变化中是高亮部分在变,就不要计算字符了
if (textView.hg_isHighLighted) {
return YES;
}
// 当前输入框 大于等于 最大限制都不可以输入
if (textView.text.length >= self.maxCount) {
return NO;
}
return YES;
}
当然,在实际开发中,仅仅实现这个代理方法是不够的。应该应需求而定。
接下来,就是两个 UILabel 空间的实现,核心实现如下:
// 设置内容
- (void)setSignatureTEXT:(NSString *)signatureTEXT {
_signatureTEXT = signatureTEXT.copy;
self.placeholderLabel.hidden = (signatureTEXT.length > 0);
self.countLabel.text = [NSString stringWithFormat:@"%zd/%zd", self.signatureTEXT.length, self.maxCount];
self.textView.text = self.signatureTEXT;
}
// 最大计数
- (void)setMaxCount:(NSInteger)maxCount {
_maxCount = maxCount;
self.countLabel.text = [NSString stringWithFormat:@"%zd/%zd", self.signatureTEXT.length, self.maxCount];
}
简单的功能介绍,到这里就结束了。有更好的方案,期待你的分享。
如果由于刚刚时间仓促,忘记了下拉代码,那么可以直接点击这里点击这里点击这里。关于个性签名的代码,记得到 HGCategorysDemo 目录的查看。