IOS中UITextView(多行文本框)控件的简单用法

时间:2021-12-19 04:32:01

1.创建并初始化

UITextView文本视图相比与UITextField直观的区别就是UITextView可以输入多行文字并且可以滚动显示浏览全文。UITextField的用处多,UITextView的用法也不少。常见UITextView使用在APP的软件简介、内容详情显示、小说阅读显示、发表空间内容输入、说说文本框、评论文本框等。UITextView的使用有它本身的代理方法,也有继承于父类的方法。本身的方法有从开始编辑到结束编辑的整个过程的监听,继承的方法主要是继承于UIScrollView的方法,因为关于滚动的控制都属于UIScrollView的。根据常用经验,个人添加了在有导航栏的情况下可能输入文本框是下移的修复方法和添加文字时内容显示自动滚动到UITextView底部的实现方法。

创建UITextView的文件,并在.h文件中写入如下代码:

[csharp] view
plain
copy
 
  1. #import <UIKit/UIKit.h>
  2. @interface TextViewController : UIViewController <UITextViewDelegate>
  3. @property (nonatomic, retain) UITextView *textView;
  4. @end

在.m文件中初始化这个textview,写入代码如下:

[csharp] view
plain
copy
 
  1. self.textView =
    [[UITextView alloc] initWithFrame:self.view.frame]; //初始化大小并自动释放
  2. self.textView.textColor = [UIColor blackColor];//设置textview里面的字体颜色
  3. self.textView.font = [UIFont fontWithName:@"Arial" size:18.0];//设置字体名字和字体大小
  4. self.textView.delegate = self;//设置它的委托方法
  5. self.textView.backgroundColor = [UIColor whiteColor];//设置它的背景颜色
  6. self.textView.text = @"Now is the time for all good developers tocome to serve their country.\n\nNow is the time for all good developers to cometo serve their country.";//设置它显示的内容
  7. self.textView.returnKeyType = UIReturnKeyDefault;//返回键的类型
  8. self.textView.keyboardType = UIKeyboardTypeDefault;//键盘类型
  9. self.textView.scrollEnabled = YES;//是否可以拖动
  10. self.textView.autoresizingMask = UIViewAutoresizingFlexibleHeight;//自适应高度
  11. [self.view addSubview: self.textView];//加入到整个页面中

  1. 创建UITextView及添加代理

          1、在ViewController.h添加事件代理和数据源代理<UTextViewDelegate>。

          2、在ViewController.h创建UITextView。

          3、在ViewController.m初始化UITextView。

          4、代理授权并添加至视图。

          5、在有导航栏的情况下可能输入文本框是下移,修复方法:在ViewController.m中的viewDidLoad方法中添加self.automaticallyAdjustsScrollViewInsets = NO;

    IOS中UITextView(多行文本框)控件的简单用法
    IOS中UITextView(多行文本框)控件的简单用法
  2. 设置UITextView的属性

          1、设置文本属性:text;

          2、设置文字对齐方式属性:textAlignment;

          3、设置文字颜色属性:textColor;

          4、设置文字字体属性:font;

          5、设置编辑使能属性:editable;

          6、设置背景颜色属性:backgroundColor;

          7、圆角边框:layer.cornerRadius、layer.borderWidth。

    IOS中UITextView(多行文本框)控件的简单用法
  3. 添加UITextView的代理方法

          1、将要开始编辑:textViewShouldBeginEditing;

          2、将要完成编辑:textViewShouldEndEditing;

          3、开始编辑:textViewDidBeginEditing;

          4、完成编辑:textViewDidEndEditing;

          3、将要改变内容:shouldChangeTextInRange;

          4、内容完成改变:textViewDidChange;

          5、内容被选中:textViewDidChangeSelection。

    IOS中UITextView(多行文本框)控件的简单用法
  4. 输入文字时自动滚动到底部

          1、创建并初始化一个UIButton按钮;

          2、为按钮添加点击事件;

          3、拼接字符串赋值给self.textView.text;

          4、计算NSRange自动滚动到底部。

    IOS中UITextView(多行文本框)控件的简单用法
    IOS中UITextView(多行文本框)控件的简单用法
  5. 模仿UITextField的placeholder属性

          1、创建并初始化一个全局控件UILabel标签;

          2、将UILabel的背景颜色设置为透明颜色clearColor;

          3、设置UILabel的textColor属性为灰色grayColor;

          4、设置UILabel的text属性为需要的提示文字;

          5、设置UILabel的font属性和self.textView.font一致;

          6、将UILabel加载至self.textView图层上;

          7、在textViewDidBeginEditing和textViewDidEndEditing内写实现方法。

    IOS中UITextView(多行文本框)控件的简单用法
    IOS中UITextView(多行文本框)控件的简单用法
    IOS中UITextView(多行文本框)控件的简单用法
  6. 设置点击空白处时隐藏键盘

          self.view本身有被点击事件,添加方法可以隐藏键盘。

          拼接内容完成时也隐藏键盘[self.view endEditing:YES]。

    IOS中UITextView(多行文本框)控件的简单用法

代码下载地址

  • https://github.com/cjq002/UITextView.git

补充1. UITextView退出键盘的几种方式

因为你点击UITextView会出现键盘,如果你退出键盘,有如下几种方式:

(1)如果你程序是有导航条的,可以在导航条上面加多一个Done的按钮,用来退出键盘,当然要先实UITextViewDelegate。

代码如下:

[csharp] view
plain
copy
 
  1. - (void)textViewDidBeginEditing:(UITextView *)textView {
  2. UIBarButtonItem *done =    [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(leaveEditMode)] autorelease];
  3. self.navigationItem.rightBarButtonItem = done;
  4. }
  5. - (void)textViewDidEndEditing:(UITextView *)textView {
  6. self.navigationItem.rightBarButtonItem = nil;
  7. }
  8. - (void)leaveEditMode {
  9. [self.textView resignFirstResponder];
  10. }

(2)如果你的textview里不用回车键,可以把回车键当做退出键盘的响应键。

代码如下:

[csharp] view
plain
copy
 
  1. #pragma mark - UITextView Delegate Methods
  2. -(BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
  3. {
  4. if ([text isEqualToString:@"\n"]) {
  5. [textView resignFirstResponder];
  6. return NO;
  7. }
  8. return YES;
  9. }

这样无论你是使用电脑键盘上的回车键还是使用弹出键盘里的return键都可以达到退出键盘的效果。

(3)还有你也可以自定义其他加载键盘上面用来退出,比如在弹出的键盘上面加一个view来放置退出键盘的Done按钮。

代码如下:

[csharp] view
plain
copy
 
  1. UIToolbar * topView = [[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, 320, 30)];
  2. [topView setBarStyle:UIBarStyleBlack];
  3. UIBarButtonItem * helloButton = [[UIBarButtonItem alloc]initWithTitle:@"Hello" style:UIBarButtonItemStyleBordered target:self action:nil];
  4. UIBarButtonItem * btnSpace = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
  5. UIBarButtonItem * doneButton = [[UIBarButtonItem alloc]initWithTitle:@"Done" style:UIBarButtonItemStyleDone target:self action:@selector(dismissKeyBoard)];
  6. NSArray * buttonsArray = [NSArray arrayWithObjects:helloButton,btnSpace,doneButton,nil];
  7. [doneButton release];
  8. [btnSpace release];
  9. [helloButton release];
  10. [topView setItems:buttonsArray];
  11. [tvTextView setInputAccessoryView:topView];
  12. -(IBAction)dismissKeyBoard
  13. {
  14. [tvTextView resignFirstResponder];
  15. }

补充2.设置UITextView圆角问题

做法是在 #import QuartzCore/QuartzCore.h 后,便能調用[textView.layer setCornerRadius:10]; 來把 UITextView 设定圓角

补充3.UITextView根据文本大小自适应高度

通过实现文本字数来确定高度,如下:

[csharp] view
plain
copy
 
  1. NSString * desc = @"Description it is  a test font, and don't become angry for which i use to do here.Now here is a very nice party from american or not!";
  2. CGSize  size = [desc sizeWithFont:[UIFont systemFontOfSize:14] constrainedToSize:CGSizeMake(240, 2000) lineBreakMode:UILineBreakModeWordWrap];

只有UILabel需要定义的numberoflines为0,即不做行数的限制。如下:

[csharp] view
plain
copy
 
  1. [label  setNumberOfLines:0];
  2. [label  setFrame:CGRectMake(40, 135, 240, size.height+10)];
  3. [label setText:desc];

补充4.UITextView自定选择文字后的菜单

在ViewDidLoad中加入:

[csharp] view
plain
copy
 
  1. UIMenuItem *menuItem = [[UIMenuItem alloc]initWithTitle:@"分享到新浪微博" action:@selector(changeColor:)];
  2. UIMenuController *menu = [UIMenuController sharedMenuController];
  3. [menu setMenuItems:[NSArray arrayWithObject:menuItem]];
  4. [menuItem release];

当然上面那个@selector里面的changeColor方法还是自己写吧,也就是说点击了我们自定义的菜单项后会触发的方法。

然后还得在代码里加上一个方法:

[csharp] view
plain
copy
 
  1. -(BOOL)canPerformAction:(SEL)action withSender:(id)sender
  2. {
  3. if(action ==@selector(changeColor:))
  4. {
  5. if(textView.selectedRange.length>0)
  6. return YES;
  7. }
  8. return NO;
  9. }

实现后如下图:

IOS中UITextView(多行文本框)控件的简单用法