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;
}

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