iOS UITextView 高度随文字自动增加，并跟随键盘移动（一）

最新推荐文章于 2018-12-27 11:44:30 发布

Michael.Ke

最新推荐文章于 2018-12-27 11:44:30 发布

阅读量805

点赞数

iOS UITextView 高度随文字自动增加，并跟随键盘移动（一）

标签： ios textview 跟随键盘自适应

2015-08-10 20:27 961人阅读评论(0) 收藏举报

分类：

iOS（96）

项目中遇到这样一个需求，有个文本框，需要随着用户输入的文字多少高度自动增加。

比如说，当用户输入的文字不足一行的时候textview的高度为初始高度，

当输入的文字超过一行，不足两行的时候，我们将textView 的高度调整为显示两行文字的高度。

此处，我们要实现一个评论的功能，还需要输入框跟随键盘移动。

开始代码

首先，我们新建一个类，专门管理输入框，我们起名：CommentView 继承 UIView

为他创建一个UITextView （我们的输入框）

[objc]view plaincopy 
    
 #import <UIKit/UIKit.h>  
   
 @interface CommentView : UIView  
   
 @property(nonatomic,strong) UITextView *textView;  
   
 -(void)inittextFrame;  
   
 @end

接下来我们在实现类中初始化输入框

[objc]view plaincopy 
    
 //获取屏幕 宽度、高度  
 #define SCREEN_FRAME ([UIScreen mainScreen].bounds)  
 #define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)  
 #define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)  
   
 #import "CommentView.h"  
   
 @implementation CommentView  
   
 -(id)initWithFrame:(CGRect)frame  
 {  
       
     self=[super initWithFrame:frame];  
     if (self) {  
         self.backgroundColor=[UIColor blueColor];  
         [self initTextView:frame];  
     }  
     return self;  
 }  
 -(void)initTextView:(CGRect)frame  
 {  
       
     self.textView=[[UITextView alloc]initWithFrame:CGRectMake(2, 2, SCREEN_WIDTH-2*2, frame.size.height-2*2)];  
       
     self.textView.backgroundColor=[UIColor colorWithRed:233.0/255 green:232.0/255 blue:250.0/255 alpha:1.0];  
     [self addSubview:self.textView];  
       
 }  
   
 @end

我们先添加一下 CommentView 看出来的效果

我们添加一个按钮，当点击按钮的时候打开ComentView

[objc]view plaincopy 
    
 //获取屏幕 宽度、高度  
 #define SCREEN_FRAME ([UIScreen mainScreen].bounds)  
 #define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)  
 #define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)  
   
   
 #import "ViewController.h"  
 #import "CommentView.h"  
   
 @interface ViewController ()  
 {  
       
     CommentView *commentV;  
 }  
 @end  
   
 @implementation ViewController  
   
 - (void)viewDidLoad {  
     [super viewDidLoad];  
     // Do any additional setup after loading the view, typically from a nib.  
       
     UIButton *testBtn=[[UIButton alloc]initWithFrame:CGRectMake(10, 120, 88, 36)];  
     [testBtn setTitle:@"testBtn" forState:UIControlStateNormal];  
     [testBtn setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];  
     [testBtn addTarget:self action:@selector(OpentestView) forControlEvents:UIControlEventTouchDown];  
     [self.view addSubview:testBtn];  
 }  
   
 -(void)OpentestView  
 {  
       
     commentV=[[CommentView alloc]initWithFrame:CGRectMake(0, SCREEN_HEIGHT-40, SCREEN_WIDTH, 40)];  
     [self.view addSubview:commentV];  
       
 }  
   
 - (void)didReceiveMemoryWarning {  
     [super didReceiveMemoryWarning];  
     // Dispose of any resources that can be recreated.  
 }  
   
 @end  

运行，点击button 弹出CommentView 效果如下

接下来我们让文本框跟随键盘

我们在打开ContentView 打开键盘

然后添加键盘打开和关闭的通知，监听到通知后，调整CommentView的位置

[objc]view plaincopy 
    
 [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardShow:) name:UIKeyboardWillShowNotification object:nil];  
 [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardHide:) name:UIKeyboardWillHideNotification object:nil];  

[objc]view plaincopy 
    
 #pragma mark keyboardNotification  
 -(void)keyboardShow:(NSNotification *)note  
 {  
     CGRect keyBoardRect=[note.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];  
     CGFloat deltaY=keyBoardRect.size.height;  
     [UIView animateWithDuration:[note.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue] animations:^{  
         commentV.transform=CGAffineTransformMakeTranslation(0, -deltaY);  
     }];  
 }  
 -(void)keyboardHide:(NSNotification *)note  
 {  
     [UIView animateWithDuration:[note.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue] animations:^{  
         commentV.transform=CGAffineTransformIdentity;  
     } completion:^(BOOL finished) {  
         commentV.textView.text=@"";  
         [commentV removeFromSuperview];  
     }];  
 }  