XSLT存档  

不及格的程序员-八神

 查看分类:  ASP.NET XML/XSLT JavaScripT   我的MSN空间Blog
posts - 170,  comments - 1171,  trackbacks - 0
公告

 

iOS

实现方案

在 HTML 的世界里,输入框天生就有 MaxLength 属性,可以限制用户输入的最大字符数量

可惜 iOS 上对应的 UITextField 并没有这样方便的属性,只有自己动手来实现

MaxLength 的实现并不难,如果去 StackOverflow 上搜一下,能看到大量的答案,比如这个回答,基本原理都是这样

truncate

- (BOOL)textField:(UITextField *) textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {

 

    NSUInteger oldLength = [textField.text length];

    NSUInteger replacementLength = [string length];

    NSUInteger rangeLength = range.length;

 

    NSUInteger newLength = oldLength - rangeLength + replacementLength;

 

    BOOL returnKey = [string rangeOfString: @"\n"].location != NSNotFound;

 

    return newLength <= MAXLENGTH || returnKey;

}

即通过 textField:shouldChangeCharactersInRange:replacementString 方法,来决定用户是否还能继续输入

但是如果你直接抄了这段代码,一定会被细心的测试同学提 BUG,为什么呢?因为老外不用输入法啊!比如下图这种场景

 

在开启中文输入法时,如果当前只剩一个字符可以输入,那么想再输入一个汉字基本不太可能

因为打出的拼音也会出现在输入框里,而且会触发上述方法,那么咋办呢?直接看代码

truncate

// 添加监听

[[NSNotificationCenter defaultCenter] addObserver:self

                                         selector:@selector(textFieldDidChanged:)

                                             name:UITextFieldTextDidChangeNotification

                                           object:self.textField];

 

// 监听处理

- (void)textFieldDidChanged:(NSNotification *)notification {

    NSString *text = self.textField.text;

 

    // 拼音输入时,拼音字母处于选中状态,此时不判断是否超长

    UITextRange *selectedRange = [self.textField markedTextRange];

    if (!selectedRange || !selectedRange.start) {

        if (text.length > MAXLENGTH) {

            self.textField.text = [text substringToIndex:MAXLENGTH];

        }

    }

}

 

这里主要使用了两个知识:

  • 输入法输入时,拼音字母或者笔画处于选中状态,可以使用 markedTextRange 获取到
  • 普通输入,以及将输入法的待选字填入输入框时,都会发出 UITextFieldTextDidChangeNotification, 可以监听这个通知,并事后对 UITextField 的内容做清理

另外除了使用监听 NSNotification 的方式,也可以使用 addTargetAction 的方式,代码如下:

truncate

[self.textField addTarget:self

                   action:@selector(textChange:)

         forControlEvents:UIControlEventEditingChanged];

这与上面的方式是等价的,但是使用 NSNotification 需要在对象销毁时 removeObserver,而这种方式不需要

下面讲封装时会提到这一点

如何封装

如果项目中很多地方都需要 MaxLength 特性,那么最好做一下封装,减少代码重复,那么怎么做呢?

子类化

首先想到的是创建 UITextField 的子类,在子类中增加一个 MaxLength 属性,并在用户设置属性时增加通知监听处理

这样所有的地方都使用这个子类就好啦,不过使用子类有这么几个缺点:

  • 一些额外的工作量,因为所有用到的地方都要改为这个子类
  • 由于 OC 不支持多重继承,那么如果将来还需要封装其他特性的话,就只能再创建这个子类的子类,灵活性会非常差

使用 Category

如果我们能直接为 UITextField 增加 maxLength 属性就好了

OC 中有 Category 语法,可以为已有的类增加新的方法,但并不支持增加新的属性(想念 Ruby 的 Mixin T_T)

幸运的是有折衷的办法能够实现,可以参考Associated Objects,这里就不赘述了,直接上代码

truncate

// UITextField+MaxLength.h

 

@interface UITextField (MaxLength)

@property (assign, nonatomic) NSUInteger maxLength;

@end

 

 

// UITextField+MaxLength.m

 

static char kMaxLength;

@implementation UITextField (MaxLength)

@dynamic maxLength;

 

- (void)setMaxLength:(NSUInteger)maxLength {

    objc_setAssociatedObject(self, &kMaxLength, @(maxLength), OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (maxLength) {

        // 代码

    }

}

 

- (NSUInteger)maxLength {

    NSNumber *number = objc_getAssociatedObject(self, &kMaxLength);

    return [number integerValue];

}

 

@end

我们在 setMaxLength 方法里面增加监听与处理的方法即可

如果使用的是 NSNotification,我们还需要在对象销毁时移除监听,在 Category 中增加这个方法

truncate

- (void)dealloc {

    [[NSNotificationCenter defaultCenter] removeObserver:self];

}

不过测试一下就知道,这么做是有问题的,因为我们覆盖了原生 UITextField 的 dealloc 方法,会导致应用崩溃

反而使用子类的话不会有问题,调用 [super dealloc] 即可

怎么办呢?两个方法,一是换用上面提到的 addTargetAction 方式,二是使用 Method Swizzling 这种高级用法,参考代码

truncate

//...

#import <objc/runtime.h>

#import <objc/message.h>

 

+ (void)load {

    Method origMethod = class_getInstanceMethod([self class], NSSelectorFromString(@"dealloc"));

    Method newMethod = class_getInstanceMethod([self class], @selector(my_dealloc));

    method_exchangeImplementations(origMethod, newMethod);

}

 

- (void)my_dealloc {

    [[NSNotificationCenter defaultCenter] removeObserver:self];

    [self my_dealloc];

}

Swizzling 也不细说了,资料非常多,与 Ruby 中的 alias method chain 倒是挺像的

IB_DESIGNABLE

如果你像我一样,喜欢使用 Xib 的话,一定会希望能够在 Xib 的属性面板里增加这个属性

再次幸运的是,Apple 也提供了这样的方式,可以参考CreatingaLiveViewofaCustomObject

根据文章,只需要对 .h 文件略作修改即可

truncate

IB_DESIGNABLE

 

@interface UITextField (MaxLength)

 

@property (assign, nonatomic) IBInspectable NSUInteger maxLength;

 

@end

效果如图

 

最后,放一下代码,以供参考https://github.com/edokeh/UITextField-MaxLength


 

UITextView的分类(添加占位文字和最大输入个数)

144 
作者 此生逍遥 
2017.04.23 06:04 字数 424 阅读 65评论 0

思路:

1、通过runtime添加两个字符串属性,供外接访问。一个为设置占位字符串(placeholder)使用,一个为设置最大文字个数(limitLength)使用。
2、通过runtime将UITextView和两个UILabel关联起来,一个用做显示占位字符串(placeholderLabel)使用,一个用做显示最大文字个数(wordCountLabel)使用。
3、在占位字符串(placeholder)和最大文字个数(limitLength)的set方法中分别调用第二步中两个UILabel的初始化方法。
4、注册两个通知(通知的名字都叫:UITextViewTextDidChangeNotification,但监听方法不一样):一个用作监听UITextView输入字数,有则不显示占位文字,没有就显示占位文字。另一个用作监听是否超过最大输入字数使用,没有超过可继续使用,超过则截取到最大字数,后面的不显示,也无法输入。(倘若提示用户超出最大字数,可以在通知的监听方法中判断提示)

效果图如下:


效果图
此分类使用的时候,只是在正常创建UITextView时多了两个属性设置:
self.addessalDetailTextView.placeholder = @"请填写详细地址,不少于120个字";
self.addessalDetailTextView.limitLength = @120;

具体使用代码如下(是不是代码很少):

UITextView *textView = [[UITextView alloc] init];
textView.frame = CGRectMake(10, 10, 300, 150);
textView.center = self.view.center;
textView.placeholder = @"请填写详细地址,不多于120个字";
textView.limitLength = @120;
[self.view addSubview:textView];

也可以使用xib关联,简单方便。

下面就看分类(UITextView+CLTextView)的具体实现:

1、UITextView+CLTextView.h的实现,这也就是思路中的第一步

@property (nonatomic,strong) NSString *placeholder;//占位符
@property (copy, nonatomic) NSNumber *limitLength;//字数限制

2、UITextView+CLTextView.m的实现

引入#import <objc/runtime.h>头文件

@interface UITextView ()
@property (nonatomic,strong) UILabel *placeholderLabel;//占位符
@property (nonatomic,strong) UILabel *wordCountLabel;//计算字数
@end
@implementation UITextView (YLTextView)

static NSString *PLACEHOLDLABEL = @"placelabel";
static NSString *PLACEHOLD = @"placehold";
static NSString *WORDCOUNTLABEL = @"wordcount";
static const void *limitLengthKey = &limitLengthKey;


#pragma mark -- setter/getter方法

//显示占位符label的setter/getter方法
-(void)setPlaceholderLabel:(UILabel *)placeholderLabel {
    objc_setAssociatedObject(self, &PLACEHOLDLABEL, placeholderLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UILabel *)placeholderLabel {
    return objc_getAssociatedObject(self, &PLACEHOLDLABEL);
}

//显示字数label的setter/getter方法
- (void)setWordCountLabel:(UILabel *)wordCountLabel {
    objc_setAssociatedObject(self, &WORDCOUNTLABEL, wordCountLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UILabel *)wordCountLabel {
    return objc_getAssociatedObject(self, &WORDCOUNTLABEL);
}

//供外接访问的占位字符串,以便设置占位文字的setter/getter方法
- (void)setPlaceholder:(NSString *)placeholder {
    objc_setAssociatedObject(self, &PLACEHOLD, placeholder, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    [self setPlaceHolderLabel:placeholder];
}

- (NSString *)placeholder {
    return objc_getAssociatedObject(self, &PLACEHOLD);
}

//供外接访问的最大输入字数,设置最大文字个数的setter/getter方法
- (NSNumber *)limitLength {
    return objc_getAssociatedObject(self, limitLengthKey);
}

- (void)setLimitLength:(NSNumber *)limitLength {
    objc_setAssociatedObject(self, limitLengthKey, limitLength, OBJC_ASSOCIATION_COPY_NONATOMIC);

    [self addLimitLengthObserver:[limitLength intValue]];
    [self setWordcountLable:limitLength];
}

#pragma mark -- 配置占位符标签
- (void)setPlaceHolderLabel:(NSString *)placeholder {

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChanged:) name:UITextViewTextDidChangeNotification object:self];
    // 占位字符

    self.placeholderLabel = [[UILabel alloc] init];
    self.placeholderLabel.font = [UIFont systemFontOfSize:13.];
    self.placeholderLabel.text = placeholder;
    self.placeholderLabel.numberOfLines = 0;
    self.placeholderLabel.lineBreakMode = NSLineBreakByWordWrapping;
    self.placeholderLabel.textColor = [UIColor lightGrayColor];
    CGRect rect = [placeholder boundingRectWithSize:CGSizeMake(CGRectGetWidth(self.frame)-7, CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName: [UIFont systemFontOfSize:13.]} context:nil];
    self.placeholderLabel.frame = CGRectMake(7, 7, rect.size.width, rect.size.height);
    [self addSubview:self.placeholderLabel];
    self.placeholderLabel.hidden = self.text.length > 0 ? YES : NO;
}

#pragma mark -- 设置字数限制标签
- (void)setWordcountLable:(NSNumber *)limitLength {
    //字数限制
    self.wordCountLabel = [[UILabel alloc] initWithFrame:CGRectMake(CGRectGetWidth(self.frame) - 65, CGRectGetHeight(self.frame) - 20, 60, 20)];
    self.wordCountLabel.textAlignment = NSTextAlignmentRight;
    self.wordCountLabel.textColor = [UIColor lightGrayColor];
    self.wordCountLabel.font = [UIFont systemFontOfSize:13.];
    if (self.text.length > [limitLength integerValue]) {
        self.text = [self.text substringToIndex:[self.limitLength intValue]];
    }
    self.wordCountLabel.text = [NSString stringWithFormat:@"%lu/%@",(unsigned long)self.text.length,limitLength];
    [self addSubview:self.wordCountLabel];
}

#pragma mark -- 注册限制位数的通知
- (void)addLimitLengthObserver:(int)length {
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(limitLengthEvent) name:UITextViewTextDidChangeNotification object:self];
}

#pragma mark -- 限制输入的位数
- (void)limitLengthEvent {

    if ([self.text length] > [self.limitLength intValue]) {

        self.text = [self.text substringToIndex:[self.limitLength intValue]];
    }
}

#pragma mark -- NSNotification
- (void)textFieldChanged:(NSNotification *)notification {
    if (self.placeholder) {
        self.placeholderLabel.hidden = YES;

        if (self.text.length == 0) {

            self.placeholderLabel.hidden = NO;
        }
    }
    if (self.limitLength) {

        NSInteger wordCount = self.text.length;
        if (wordCount > [self.limitLength integerValue]) {
            wordCount = [self.limitLength integerValue];
 #pragma mark -- 想提示用户输入已经超出最大字数可以打开此行代码
//            UIAlertView *view = [[UIAlertView alloc] initWithTitle:@"超过最大字数" message:@"您已经超出了最大字数,超出部分将无法显示" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
//            [view show];
        }
        self.wordCountLabel.text = [NSString stringWithFormat:@"%ld/%@",wordCount,self.limitLength];
    }
}

//注销通知
- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self
                                                    name:UITextViewTextDidChangeNotification
                                                  object:self];
}

总结:

关键点是:runtime的使用和通知的监听。然后就没什么了。
posted on 2017-04-28 10:15 不及格的程序员-八神 阅读(...) 评论(...) 编辑 收藏