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