UILabelUIButtonUITextField控件的简单使用

Posted 2020-06-14

　　UILabel、UIButton、UITextField是UI中最简单也是必须掌握的基础控件，下面我来介绍下这3个控件分别用来干嘛的。

　　UILabel：是一个文本框，主要用来显示文本信息的，比如微博上看到的文字，就是UILabel。

　　UIButton：是一个按钮，用来点击触发一些事件的。比如QQ上发送消息，就是UIButton。

　　UITextField：是输入框，用来输入文本信息的。比如QQ上面打字。

　　话不多说，直接上代码。我们先来完成UILabel，为了使代码看起来更加美观，我们就把UILabel封装起来，我们先在延展就声明一个方法，

- (UILabel *)createLabelWithText:(NSString *)text frame:(CGRect)frame textColor:(UIColor *)textColor textAlignment:(NSTextAlignment)textAlignment numberOfLines:(NSInteger)numberOfLines font:(UIFont *)font;

　　然后我们把这个方法实现出来。

- (UILabel *)createLabelWithText:(NSString *)text frame:(CGRect)frame textColor:(UIColor *)textColor textAlignment:(NSTextAlignment)textAlignment numberOfLines:(NSInteger)numberOfLines font:(UIFont *)font {
    UILabel *label = [[UILabel alloc] initWithFrame:frame];
    label.text = text;
    label.textColor = textColor;
    label.textAlignment = textAlignment;
    label.numberOfLines = numberOfLines;
    label.font = font;
    return [label autorelease];
}

　　这样的话，我们只需要一行代码就可以创建完一个UILabel，然后再写一行代码把UILabel添加到UIView上面。

UILabel *label1 = [self createLabelWithText:@"Hello ios" frame:CGRectMake(0, 300,100, 40) textColor:[UIColor magentaColor] textAlignment:NSTextAlignmentCenter numberOfLines:0 font:[UIFont boldSystemFontOfSize:21]];
    [containerView addSubview:label1];

　　初学者总会忘记设置frame，全部写完了，但是运行起来什么都看不到，那很有可能就是忘记给frame了。

　　

　　UITextField我们也把它封装起来。

- (UITextField *)createTextFiledWithFrame:(CGRect)frame borderStyle:(UITextBorderStyle)borderStyle placeholder:(NSString *)placeholder secureTextEntry:(BOOL)secureTextEntry keyboardType:(UIKeyboardType)keyboardType {
    UITextField *textField = [[UITextField alloc] initWithFrame:frame];
    textField.borderStyle = borderStyle;
    textField.placeholder = placeholder;
    textField.secureTextEntry = secureTextEntry;
    textField.keyboardType = keyboardType;
    return [textField autorelease];
}

　　按照跟UILabel一样的方法，依样画葫芦，就能完成UITextField的创建了。

　　封装起来，看代码是不是简洁性很好的，强迫症的人看起来是不是很舒服。下面，我们就来看看不封装的样子。

// 创建一个UIButton对象，UIButton侧重于交互，响应事件
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    
    // 设置frame
    button.frame = CGRectMake(37, 300, 200, 200);
    
    // 设置button显示的文本(标题)
//    [button setTitle:@"八~~~达" forState:UIControlStateNormal];
    
    // 如果button样式是system，那么不给定标题颜色，也能看见标题，默认蓝色
    // 如果button样式custom，那么除了给定标题内容之外，还需要给定标题文本颜色
    [button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];
    
    // 设置Button的背景图片
    
    // 设置前景图片时，使用custom样式，如果图片大小大于button的大小，那么图片会被压缩到与button等大，如果图片大小小于button的大小，阿么图片保留原有大小
    // 设置背景图片时，不论使用custom还是system，图片大于或者小于button大小，都会显示的与button等大
    [button setImage:[UIImage imageNamed:@"xigua"] forState:UIControlStateNormal];
    [button setImage:[UIImage imageNamed:@"BtnOff"] forState:UIControlStateHighlighted];
    
    // 点击时如果设置了图片，不出现闪烁的效果
//    button.adjustsImageWhenHighlighted = NO;
    
    // 关键方法，为button添加了一个事件
    [button addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
    
    [containerView addSubview:button];

　　下面是点击事件的代码，不触发什么事件，就输出一下，知道点击事件触发了就好了。

- (void)click:(UIButton *)sender {
    NSLog(@"boom boooooooom ! ! ! !");
}

　　这代码是不是看起来就很长了，没有封装起来的代码好看。

　　好了，基础的创建已经讲完了，更加深层次就是自己去研究了，建议用纯代码，万行代码的程序员只是一个入门。