IOS03QQ登陆界面

2019-11-14 18:55:43

字体：大中小

来源：转载

供稿：网友

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