UIKit基础:4.利用UITextField-UILabel-View-UIButton模仿QQ登陆界面

前言:
这个小Demo是关于怎么编写登陆界面, 这里使用的是QQ登陆界面, 由于东西比较少, 所以运用StoryBoard和代码一起实现.


控件:
3个UILabel, 2个TextField, 1个View, 1个UIButton.


开始:
搭建StoryBoard界面, 如下图:

处理细节:

关联控件:

实现:

- (IBAction)loginButton:(UIButton *)sender {
    NSString *num1 = [_qqNumber text];
    NSString *num2 = [_qqPassword text];
    
    NSString *string = [NSString stringWithFormat:@"QQ账号是: %@\nQQ密码是: %@", num1, num2];
    
    [_messageLabel setText:string];
    
    [self.view endEditing:YES];
    
}

优化功能:
切换控件原理:

设置控件的代理, 也就是切换第一响应者, 切换的方式就是使用return键切换.

PS:所谓的第一响应者就是当前所使用的控件, 比如当你正在使用TextField这个控件, 那么它就是第一响应者.

设置控件的代理:

PS:另外一个TextField也是如此设置, 所以这里就不做多一次讲解.

实现:

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    if (textField == _qqNumber) {
        [_qqPassword becomeFirstResponder];
    }
    else if(textField == _qqPassword){
        [self loginButton:nil];
    }
    return YES;
}

这次就到这里, 下次我们再见~~