几行代码搞定UITextField弹起键盘遮挡视图问题

先看效果图


先看效果图

问题描述

在开发中经常会遇到点击输入框激活键盘的时候,弹出的键盘导致输入框被遮挡的现象。常用的解决方案有两种:
1.键盘弹出的时候,将整个视图上移。
2.键盘弹出的时候,悬浮输入框到适当位置。

第一种方案比较简单,常用的实现方式有三种:

  • 给UITextField注册监听事件:UIControlEventEditingDidBeginUIControlEventEditingDidEnd
  • 协议+代理:通过UITextField的代理方法来实现
  • 用通知来实现

几种方式分析

  • 方法1:如果给UITextField注册监听事件,监听正在编辑和编辑完毕,需要自己写一个正在编辑和编辑完毕时候视图位置改变的方法,如果有多个UITextField,那么每个都要添加监听事件,很麻烦。

    UITextField * usernameTextField = [[UITextField alloc]initWithFrame:CGRectMake(30, 30, 100, 30)];
//    UITextField * passwordTextField = [[UITextField alloc]initWithFrame:CGRectMake(30, 160, 100, 30)];
    
    // 添加监听事件
    // 开始输入
    [usernameTextField addTarget:self action:@selector(textFieldEditBegin) forControlEvents:UIControlEventEditingDidBegin];
    // 输入结束
    [usernameTextField addTarget:self action:@selector(textFieldEditEnd) forControlEvents:UIControlEventEditingDidEnd];
    
    [self.view addSubview:usernameTextField];
  • 方法二:通过UITextField的代理方法进行设置,代理方法有:
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField; // 文本框是否可以编辑

- (void)textFieldDidBeginEditing:(UITextField *)textField;   // 开始编辑时调用

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField;   // 文本是否结束编辑

- (void)textFieldDidEndEditing:(UITextField *)textField;     // 结束编辑时调用

- (BOOL)textFieldShouldClear:(UITextField *)textField;        // 是否可以清楚文本框的内容

- (BOOL)textFieldShouldReturn:(UITextField *)textField;      // 是否可以return
  • 在代理方法textFieldDidBeginEditingtextFieldDidEndEditing里面实现视图的偏移

  • 方法3:用UITextField的通知UIKeyboardWillChangeFrameNotification来实现,只需要在监听通知,设置视图偏移的动画

所以采用通知的形式来实现

完整代码(重要)

#import "ViewController.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UITextField *usernameTextField;
@property (weak, nonatomic) IBOutlet UITextField *passwordTextField;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 监听通知
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillChangeFrame:) name:UIKeyboardWillChangeFrameNotification object:nil]; 
}

#pragma mark 键盘处理
- (void)keyboardWillChangeFrame:(NSNotification *)note{
    // 取出键盘最终的frame
    CGRect rect = [note.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    // 取出键盘弹出需要花费的时间
    double duration = [note.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    // 修改transform
    [UIView animateWithDuration:duration animations:^{
        CGFloat ty = [UIScreen mainScreen].bounds.size.height - rect.origin.y;
        self.view.transform = CGAffineTransformMakeTranslation(0, - ty);
    }];
}
/**
 * 点击屏幕的时候
 */
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    [self.view endEditing:YES];
    
}
-(void)dealloc{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

补充 - 关于通知

通知中心(NSNotificationCenter)

  • 每一个应用程序都有一个通知中心(NSNotificationCenter)实例,专门负责协助不同对象之间的消息通信。
  • 任何一个对象都可以向通知中心发布通知(NSNotification),描述自己在在做什么。
  • 其他感兴趣的对象(Observer)可以申请在某个特定通知发布时(或在某个特定的对象发布通知的时候)收到这个通知。
    NSNotificationCenter

通知(NSNotificationCenter)

  • 通知包含的属性:
    • 通知名称;
    • 通知发布者;
    • /额外信息(通知发布者传递给通知接收着的信息内容).
    - (NSString *)name;  // 通知名称
    - (id)object;   // 通知发布者
    - (NSDictionary *)userInfo; //额外信息(通知发布者传递给通知接收着的信息内容)
  • 初始化通知对象的方法:
+ (instancetype)notificationWithName:(NSNotificationName)aName object:(nullable id)anObject;
+ (instancetype)notificationWithName:(NSNotificationName)aName object:(nullable id)anObject userInfo:(nullable NSDictionary *)aUserInfo;

- (instancetype)init

发布通知

- (void)postNotification:(NSNotification *)notification;

发布一个notification通知,可在notification对象中设置通知的名称、通知发布者、额外信息等

- (void)postNotificationName:(NSNotificationName)aName object:(nullable id)anObject;

发布一个名称为aName的通知,anObject为这个通知的发布者

- (void)postNotificationName:(NSNotificationName)aName object:(nullable id)anObject userInfo:(nullable NSDictionary *)aUserInfo;

发布一个名称为aName的通知,anObject为这个通知的发布者,aUserInfo为额外信息

监听通知

  • 通知中心提供了方法来注册一个监听通知的监听器(Observer)
- (void)addObserver:(id)observer selector:(SEL)aSelector name:(nullable NSNotificationName)aName object:(nullable id)anObject;

observer:监听器
aSelector:接收通知后,回调监听器的这个放啊,并且把通知对象当参数传入
aName:通知名称。如果为nil,那么无论通知名称是什么,监听器都能收到这个通知
anObject:通知发布者。如果anObjectaName都为nil,监听器都能收到所有通知

- (id <NSObject>)addObserverForName:(nullable NSNotificationName)name object:(nullable id)obj queue:(nullable NSOperationQueue *)queue usingBlock:(void (^)(NSNotification *note))block ;

name:通知名称
obj:通知发布者
block:收到对应的通知时,会回调这个block
queue:决定了block在哪个操作队列中执行,如果为nil,默认在当前操作队列中同步执行。

取消注册通知监听器

通知中心不会保留(retain)监听器对象,在通知中心注册过的对象,必须在该对象释放前取消注册。否则,当相应的通知再次出现时,通知中心仍然会想该监听器发送消息。因为相应的监听器对象已经释放了,所以可能会导致应用崩溃。

  • 通知中心提供了相应的方法来取消注册注册监听器
- (void)removeObserver:(id)observer;
- (void)removeObserver:(id)observer name:(nullable NSNotificationName)aName object:(nullable id)anObject;

键盘通知

  • UIKeyboardWillShowNotification:键盘即将显示
  • UIKeyboardDidShowNotification:键盘已经显示完毕
  • UIKeyboardWillHideNotification:键盘即将隐藏
  • UIKeyboardDidHideNotification:键盘已经隐藏完毕
  • UIKeyboardWillChangeFrameNotification:键盘的位置尺寸即将发生改变
  • UIKeyboardDidChangeFrameNotification:键盘的位置尺寸已经发生改变
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,761评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,953评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,998评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,248评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,130评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,145评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,550评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,236评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,510评论 1 291
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,601评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,376评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,247评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,613评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,911评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,191评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,532评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,739评论 2 335

推荐阅读更多精彩内容