QQ登陆界面的开发,如下图:
1.1 创建项目和设计界面,界面就如上图,两个Label,两个个text,加上一个Button登陆按键,界面比较简单,如下图。
2.2 说下属性设置,在输入QQ号码的文本框里,在属性Placeholder中输入“请输入QQ号吗”,这个属性当程序起动时,就会自动的在QQ号码的输入文本框中显示。
2.3 设置text的属性Clear Button=Appears while editing。这个属性是在程序运行时,在文本框输入QQ号码时,文本框的后面会出现一个x号,让用户可以随时删除
输入错误的文本。
2.4 设置QQ输入框可以输入的内容键盘,因为QQ号码都是数字,所以我们可以设置属性的Keyboard=Number Pad,这样点击QQ号码文本框的时候出来的键盘就是只有数字了如下图。
2.5 设置QQ密码输入框属性,因为密码可以是各种组合,所以不用设置Keyboard属性,但要把属性中的Secure勾上,勾上这个属性,你所输入的文本就不会以明文显示了,如下图。
3.1 这些控件的属性都设置完成以后,我们就来写后台代码了。
//
// ViewController.m
// QQ登陆
//
// Created by 徐周 on 15-5-28.
// Copyright (c) 2015年 ___FULLUSERNAME___. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()
//创建登陆事件,关联到界面登陆按键
- (IBAction)Button;
//创建文本属性,关联到界面QQ号码输入框
@property (weak, nonatomic) IBOutlet UITextField *qqtext;
//创建文本属性,关联到界面QQ密码输入框
@property (weak, nonatomic) IBOutlet UITextField *qqpwe;
@end
@implementation ViewController
//登陆事件
- (IBAction)Button {
NSString *qqtext=self.qqtext.text;
NSString *qqpwd=self.qqpwe.text;
//手动设置用户名和密码,
NSString *text=@"123456";
NSString *pwd=@"xuzhou";
// 判断用户输入的用户名和密码是否正确
if([qqtext isEqualToString:text]==YES && [qqpwd isEqualToString:pwd]==YES)
{
//如果用户名和密码都正确,弹出对话框
//弹出成功对话框的内容
NSString *str=@"登陆成功";
UIAlertView *alterview=[[UIAlertView alloc] initWithTitle:@"" message:str delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
//把内容显示在屏幕
[alterview show];
}
else //如果用户名或者密码错误
{
// 弹出错误信息
NSString *str=@"登陆失败,用户名或者密码错误";
UIAlertView *alterview=[[UIAlertView alloc] initWithTitle:@"" message:str delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
//把内容显示在屏幕
[alterview show];
}
//把键盘退出
[self.view endEditing:YES];
}
@end
View Code
3.2 现在界面和后台代码写完后,输入QQ号码123456和密码xuzhou,会弹出登陆成功,如下图:
3.3 OK ,一个简单的QQ登陆就完成了,慢慢来,一步步学习IOS,以后再来写项目。