你的位置:首页 > 操作系统

[操作系统]IOS学习 03 QQ登陆界面


  学习IOS开发,现在做一个简单的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,以后再来写项目。