动画相关iOS Developer程序员

玩转RunTime之懒人版TextFiled

2016-03-24  本文已影响589人  小王子sl
玩转RunTime之懒人版TextFiled
序言:

我为什么要写这篇文章?或许我自己就是一个懒人,我初学iOS的时候疯狂使用github上面的各种开源库,当时的想法是这东西太牛逼了,怎么做的,但每每我去深入源码,又只好因为自己的水平有限而浅尝则止.但正是由于人类这种特有的惰性而造就了各种好用的工具,从蒸汽机到现在满大街的汽车,从莱特兄弟的第一架飞机到现在的各种直升机 民用客机..........或许我没有那么牛逼,我依然希望自己能跟上前人的脚步,这也是我学习走路的一个过程.还有一个原因是,这是@花早同学很久之前提供的想法,我只是将他用代码实现.也许你会说UITextFiled有什么好搞的,不是切菜的东西吗?但是我依然想对这个小控件进行封装,因为这是我从MJ老师那里学到的,写一个更好用 ,更方便我们编程的工具,如果这个这个小东西能省去你一分钟的时间,我就十分欣慰了,如有不妥当的地方希望各位能大方指出.

课前准备:

由于这个小东西是基于runtime实现的,所以我们有必要去了解一下runtime的关联对象(Associated Object)这一概念,众所周知Category是可以添加自定义方法帮助系统的类进行一个功能性的扩展的,但是要添加成员变量就要借助runtime了.应用关联对象可以在运行时添加成员变量.还有一个特性就是xcode6时代就有了的关键字IBInspectable,在我们定义成员变量的时候用这个关键字去修饰,就会让ui控件的属性面板生成扩展,像下面这个图:


属性面板新添了的属性
上课!上课!

首先我们为UITextField写一个category,并为其添加一个控制懒人textfiled开关的属性sl_lazyTFOpen

@interface UITextField (SLCategory)
//是否开启懒人版TextFiled
@property (nonatomic, assign, getter=sl_lazyTFOpen) IBInspectable BOOL lazyTFOpen;
@property (nonatomic, assign) BOOL sl_lazyTFOpen;
@implementation UITextField (SLCategory)
- (void)setSl_lazyTFOpen:(BOOL)sl_lazyTFOpen{
//OBJC_ASSOCIATION_RETAIN 宿主对象销毁 关联对象也会被销毁
    objc_setAssociatedObject(self, @selector(sl_lazyTFOpen), @(sl_lazyTFOpen), OBJC_ASSOCIATION_RETAIN);

}

- (BOOL)sl_lazyTFOpen{
    return [objc_getAssociatedObject(self, _cmd) boolValue];

}

- (void)setLazyTFOpen:(BOOL)lazyTFOpen{
    if(!lazyTFOpen) return;
    self.sl_lazyTFOpen = lazyTFOpen;
//lazyTFOpen是yes进行初始化配置
    [self setUPSelf];
}

在setUPSelf方法中我们要做的是监听textfiled的这两个通知 UIControlEventEditingChanged和
UIControlEventEditingDidBegin
和一些对键盘做监听,用在后面的帮助textFiled躲避键盘的遮挡:

- (void)setUPSelf{

    [self addTarget:self action:@selector(textFieldDidChange:) forControlEvents:UIControlEventEditingChanged];
    [self addTarget:self action:@selector(textDidBegin:) forControlEvents:UIControlEventEditingDidBegin];
    self.inputAccessoryView = _toolBar;
    self.textField = self;
    //监听键盘点击,
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(didClickKeyboard:) name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(didKboardDisappear:) name:UIKeyboardWillHideNotification object:nil];

}

以设置textFiled的内容长度限制为例,如法炮制添加sl_max这个成员变量,每当监听到textfled的内容改变时就进行长度校验:

- (void)textFieldDidChange:(UITextField *)textField
{
    if (textField == self)
    {
        if (textField.text.length > self.sl_max)
        {
            textField.text = [textField.text substringToIndex:self.sl_max];
            if (self.sl_warningAnimation) {
                [self shake];
            }
        }
    }
}

这样一来我们的内容长度校验就完成了,其他的控制面板属性扩展就依样画葫芦吧,或者有兴趣的同学可以课后瞄一瞄我的源码.

textFiled的天敌??

每当我的界面中的输入框被键盘遮挡,就要开始加补丁了,我们得写上那么些代码来修复,要是这个东西能自动躲避键盘就好了,貌似印度佬做了这件事,但是每当我的同事因为那个库和自己的代码有冲突时,就不得不叫苦连天了,很幸运的是我们终于可以删掉他了,谁叫他没有一个开关功能呢!!

我们要思考的问题有两个:1是我们如何让textFiled跟随键盘移动,这个很简单,当然是利用监听键盘做父view的transform动画!2.当我们的textFiled被多个view嵌套怎么办?答案固然是计算textFiled的实际位置啦!但是这个计算过程相对复杂 ,我们为了简化只好引入sl_superView和sl_textFiledArr这俩个变量,让用户自行去配置,这里要说明的是sl_superView我们希望做一个移动动画的view,这个一般设置为根view,而sl_textFiledArr就是sl_superView的一个数组属性,这里面装载的是textfiled对像.到时候用户只要这样配置就可以使用我们的框架了:

正确设置必要属性
#pragma mark -键盘即将跳出
-(void)didClickKeyboard:(NSNotification *)sender{
    CGFloat durition = [sender.userInfo[@"UIKeyboardAnimationDurationUserInfoKey"] doubleValue];
    CGRect keyboardRect = [sender.userInfo[@"UIKeyboardFrameEndUserInfoKey"] CGRectValue];
    CGFloat keyboardHeight = keyboardRect.size.height;
    [ self.sl_superView.sl_textFiledArr enumerateObjectsUsingBlock:^(UITextField *textFiled, NSUInteger idx, BOOL *stop) {
        if (self==textFiled&&[textFiled isFirstResponder]) {
            [UIView animateWithDuration:durition animations:^{
                float h = 0;
                if (self.sl_superView==self.superview) {
                    h =  self.sl_superView.frame.size.height-textFiled.frame.origin.y-self.frame.size.height;
                }else{
               CGRect superVFrame = [self.superview convertRect:self.frame toView:self.sl_superView];
                    h =  self.sl_superView.frame.size.height-textFiled.frame.origin.y-superVFrame.origin.y-self.frame.size.height;
                }
                if (h>keyboardHeight) {
                    return;
                }
                self.sl_superView.transform = CGAffineTransformMakeTranslation(0, h-keyboardHeight);
            }];
        }
    }];
}

当self.superView不是self.sl_superView时进行坐标转换并且计算sl_superView应该移动的距离,已达到躲避键盘的效果

设置一下开关,动画,长度限制

CBFC03B1-0776-486B-A445-F53177378838.png
最后的效果是这样的:
最终效果!!
结语:如果你知道这个小东西可以设置字符长度,警告动画,警告图片,正则表达式,自动躲避键盘,看来还是很酷的.

github://小王子编程之道:在简单的东西也有它的价值.诚邀你一同感受开源的乐趣 https://github.com/SamCoder123/SLLazyTextFiled 这次真的不是吹水的

swift版本????将由花早同学提供,敬请期待...........
上一篇 下一篇

猜你喜欢

热点阅读