iOS UITextView 高度随文字自动增加,并跟随键盘移动(一)

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

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

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

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

开始代码

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

为他创建一个UITextView (我们的输入框)

#import <UIKit/UIKit.h>

@interface CommentView : UIView

@property(nonatomic,strong) UITextView *textView;

-(void)inittextFrame;

@end

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

//获取屏幕 宽度、高度
#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

//获取屏幕 宽度、高度
#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的位置


    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardShow:) name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardHide:) name:UIKeyboardWillHideNotification object:nil];
#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) {
        [email protected]"";
        [commentV removeFromSuperview];
    }];
}

我们测试一下 效果

好了到目前为止,键盘调用,文本框跟随键盘基本实现。

下一节我们来实现文本框自动调节高度。

下节地址 http://blog.csdn.net/lwjok2007/article/details/47403511

苹果开发群 :414319235  欢迎加入  欢迎讨论问题

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-14 07:47:44

iOS UITextView 高度随文字自动增加,并跟随键盘移动(一)的相关文章

iOS UITextView 高度随文字自动增加,并跟随键盘移动(二)

上节地址:http://blog.csdn.net/lwjok2007/article/details/47401293 接着上节我们来实现 输入框自动调节高度 首先,我们得知道,要判断是否该换行了 前提是得知道 一行可以输入多少文字, 我们很容易能知道我们输入框的宽度,那么下来只要知道每个文字的宽度就可以计算一行文字的个数了 然后根据文字文字高度计算每超过一行我们需要给textView 添加的高度 首先要计算每个文字的宽度和高度(我们按照正方形处理) 我们用到了 一个方法 sizeWithAt

iOS UITextView 高度随文字自己主动添加,并尾随键盘移动(二)

上节地址:http://blog.csdn.net/lwjok2007/article/details/47401293 接着上节我们来实现 输入框自己主动调节高度 首先,我们得知道,要推断是否该换行了 前提是得知道 一行能够输入多少文字, 我们非常easy能知道我们输入框的宽度,那么下来仅仅要知道每一个文字的宽度就能够计算一行文字的个数了 然后依据文字文字高度计算每超过一行我们须要给textView 加入的高度 首先要计算每一个文字的宽度和高度(我们依照正方形处理) 我们用到了 一个方法 si

设置iOS项目BuildVersion自动增加-备用

一.概念阐述:Build与Version的区别 在iOS中有两种“版本号”,也就是所谓的version号与build号,如下图所示: 我们用最简洁的语言来区分这两个版本号的区别以及用途如下: Version号:也称为Bundle versions string, sthort.  appstore以及itune中产品介绍所用的版本号,多面向用户,多为两段式或者三段式,1.0.1,1.2等,通常作为版本升级的主要依据 Build号:也称为Bundle version.  开发者团队内部使用,方便追

CSS教程:div设置float后高度不自动增加

本来想把这个题目修改为“闭合浮动元素”或“清除浮动元素”,但想了一下,还是不修改为好.因为从这个题目我们可以更加容易的看出,如果您没有闭合(清除)浮动元素,它将造成的后果是-----div的高度不能自动增加.言归正传目前用来清除“闭合(清除)浮动”的方法,主要是一下四种:1.额外标签法这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签.我个人不喜欢这种方法,但是它确实是W3C

iOS UITextView自适应高度UITextContainerView抖动问题

在打造一个类似于微信朋友圈评论输入框的时候,需要动态调整输入框的高度, 但是,在调整了UITextView的高度之后,继续输入会导致内容(UITextContainerView里的文字)抖动. scrollRangeToVisible 方法解决了我的问题(Swift 3): textView.scrollRangeToVisible(NSRange.init(location: 0, length: 0)) 获取UITextView内的文字高度以及行数的方法(Swift 3): let heig

【原】设置iOS项目BuildVersion自动增加

一.概念阐述:Build与Version的区别 在iOS中有两种“版本号”,也就是所谓的version号与build号,如下图所示: 我们用最简洁的语言来区分这两个版本号的区别以及用途如下: Version号:也称为Bundle versions string, sthort.  appstore以及itune中产品介绍所用的版本号,多面向用户,多为两段式或者三段式,1.0.1,1.2等,通常作为版本升级的主要依据 Build号:也称为Bundle version.  开发者团队内部使用,方便追

一步一步学ios UITextView(多行文本框)控件的用法详解(五5.8)

本文转载至 http://wuchaorang.2008.blog.163.com/blog/static/48891852201232014813990/ 1.创建并初始化 创建UITextView的文件,并在.h文件中写入如下代码: [csharp] view plaincopy #import <UIKit/UIKit.h> @interface TextViewController : UIViewController <UITextViewDelegate> { UITe

IOS 给图片添加水印(文字)

有时候上传图片要加唯一标识,简单的就是添加一个水印.这里水印我们讲文字,可以是当前系统时间.坐标.地理位置等 原理就是把一个字符串写到图片上,并且字(font)的大小由图片大小控制. 以下是封装好的一个类方法: //NavView.m + (UIImage *) addText:(UIImage *)img text:(NSString *)mark { int w = img.size.width; int h = img.size.height; UIGraphicsBeginImageCo

最新 IOS应用开发Icon规格自动裁剪器(C#)

老早之前做IOS APP开发,为折腾一个IOS应用的Icon,用C#写了一个简单的IOS应用开发Icon规格自动裁剪器,但时过境迁,目前IOS设备屏幕规格也是越来越多,一个版本就要生成好几种规格分辨率的Icon,用PS什么的一个一个生成费劲,如果Icon有变动又得重新生成一次,所以还是整个程序来干这活比较轻松. 思路很简单,先导入一张大图(注意:这张图必须大于等于1024*1024,因为[email protected]的规格是1024*1024),然后生成对应像素的小图,最后保存出来. 首先来