UITextField 和 UITextView
前者是单行输入,后者多行输入。这里在 BLTwoViewController 中实现:
#import <UIKit/UIKit.h>
#import "BLBaseViewController.h"
@interface BLTwoViewController:BLBaseViewController<UITextFieldDelegate,UITextViewDelegate>
@end
UITextField:
UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(10, 74, self.view.frame.size.width - 20, 31)];
textField.borderStyle = UITextBorderStyleRoundedRect; // 显示输入界面的样式,这是一个圆角矩形的样式
textField.placeholder = @""please input password; // 这个是显示在 textfield 中的占位符
textField.secureTextEntry = YES; // 这种情况你输入的文本的内容是不会显示出来的,只是以*****来表示
textField.clearButtonMode = UITextFieldViewModeWhileEditing; // 这个状态是只有当内容在编辑的时候,在最右边才会出现 x 标记
textField.keyboardType = UIKeyboardTypeEmailAddress // 输入键盘的样式
textField.returnKeyType = UIReturnKeyDone; // 可以选择右下角的键是go 或者 done 等等
......
textField.delegate = self;
textField.contentVerticalAlignment = UIViewContentModeCenter; // 这个一般都需要设置,设置后,内容会在输入框内显示在垂直方向的中间,更加美观
[self.view addSubview:textField];
细心的话你会注意到里面的代理,代理问题会和多行输入一同讲解。
UITextView:
UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(10, textField.frame.origin.y + 31 + 10, self.view.frame.size.width - 20, 80)];
textView.backgroundColor = [UIColor redColor];
textView.textColor = [UIColor blackColor];
textView.delegate = self;
textView.keyboardType = UIKeyboardTypeEmailAddress;
textView.returnKeyType = UIReturnKeyGo;
[self.view addSubview:textView];
与单行输入不同的是,它没有 placeholder 和 clearButtonMode。
它们的代理方法有如下:
- (void)textFieldShouldReturn:(UITextField *)textField
{
NSLog(@"%@", textField.text);
[textField resignFirstResponder];
return YES;
}
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField
{
NSLog(@"%@", textField.text);
return YES;
}
- (void)textFieldDidEndEditing:(UITextField *)textField
{
NSLog(@"%@", textField.text);
}
- (void)textViewDidChange:(UITextView *)textView
{
NSLog(@"%@", textView);
}
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
{
if ([text is EqualToString:@"\n"]) {
[textView resignFirstResponder];
return NO;
}
return YES;
}
textView 是一个scrollView 所以是可以上下滚动的。
UIScrollView , 这个是在第三个controller 中做的:
@interface BLThreeViewController: BLBaseViewController<UIScrollViewDelegate>
{
UIScrollView *_scrollView;
UIPageControl *_pageControl;
UIView *_contentView;
}
我们会结合 UIScrollView 和 UIPagecontrol 两个控件一起讲,因为它们经常会一起使用。首先看 scrollView 的实现:
_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(10, 64, scrollViewWidth, scrollViewHeight)];
_scrollView.backgroundColor = [UIColor redColor];
[self.view addSubview:_scrollView];
_scrollView.contentSize = CGSizeMake(scrollViewWidth * 5, scrollViewHeight * 5);
_scrollView.pagingEnabled = YES; // 设置之后允许分页,其实是根据偏移量来处理问题的
_scrollView.maximumZoomScale = 3; // 可以对其上的页面进行放大和缩小,这里设置了最大方法倍数为3.
_scrollView.minimumZoomScale = 0.5;
_scrollView.delegate = self;
经过设置 UIScrollView 的大小之后,可以看到我们可以在红色界面中滚动界面, 说明它的内容有这么大:
我们同样可以在 scrollView 上设置别的 普通 UIView 视图。
for (int i = 0; i < 5; i++) {
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(i * scrollViewWidth, 0, scrollViewWidth, scrollViewHeight)];
if (i % 2 == 0) {
view.backgroundColor = [UIColor blackColor];
} else {
view.backgroundColor = [UIColor whiteColor];
}
[_contentView addSubview:view];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, scrollViewWidth, scrollViewHeight)];
imageView.backgroundColor = [UIColor clearColor];
NSString *imageName = [NSString stringWithFormat:@"bg%i.png", i];
imageView.image = [UIImage imageNamed:imageName];
imageView.contentMode = UIViewContentModeScaleAspectFit;
[view addSubview:imageView];
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, scrollViewWidth, scrollViewHeight)];
label.font = [UIFont boldSystemFontOfSize:100];
label.textAlignment = NSTextAlignmentCenter;
label.backgroundColor = [UIColor clearColor];
label.textColor = [UIColor whiteColor];
label.text = [NSString stringWithFormat:@"%i", i + 1];
[view addSubview:label];
}
差不多得到下面的效果图: