IOS 03 QQ登陆界面

  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，以后再来写项目。