13、UIView和常用组件(三)

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.png

  我们同样可以在 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];
}

差不多得到下面的效果图:


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

推荐阅读更多精彩内容

  • 掌握 UIScrollView的常见属性 UIScrollView的常用代理方法 UIScrollView的缩放 ...
    JonesCxy阅读 2,712评论 1 12
  • 今天,她一如继往地没睡好。像往常一样睡梦中的她被儿子的哭声吵醒,头昏脑胀地爬起来,满带怨气地找奶瓶,冲好奶后迅速喂...
    萱耳倾听阅读 215评论 6 0
  • 向高中迈进
    擦擦擦可口可乐了阅读 162评论 0 0
  • 一个地方总是人来人往的,好是热闹。偶尔会来一些熟人也偶尔回来一些生人。我们总是喜欢去自己特别熟悉或者根本不熟悉的地...
    Caphintty图图阅读 146评论 0 1
  • “Hey,Man,How are you doing?”James 看到老朋友黑烟来了开心得很。 “Not bad...
    阐释逐暗阅读 318评论 0 0