·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> app软件开发 >> IOS开发 >> IOS03QQ登陆界面

IOS03QQ登陆界面

作者:佚名      IOS开发编辑:admin      更新时间:2022-07-23

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