iOS开发UI篇—实现一个私人通讯录小应用（一）

首页 > 代码库 > iOS开发UI篇—实现一个私人通讯录小应用（一）

iOS开发UI篇—实现一个私人通讯录小应用（一）

2024-07-30 19:41:23 220人阅读

iOS开发UI篇—实现一个私人通讯录小应用（一）

一、该部分主要完成内容

1.界面搭建

2.功能说明

（1）.只有当账号和密码输入框都有值的时候，登录按钮才能交互

（2）.当取消勾选记住密码后，自动登录按钮也随之取消；当勾选了自动登录按钮时，记住密码按钮也一同勾选。

（3）.点击登陆后，弹出蒙版，界面不可交互，程序能够简单判断账号和密码是否正确，如果不正确则给出相应的提示，如果正确则跳转到联系人列表界面。

二、实现过程和代码

项目文件结构图和界面搭建

实现代码：

TXloginViewController.m文件

  1 //  33-梁镋鑫通讯录(登录)  2 //  3 //  Created by 鑫 on 14-10-21.  4 //  Copyright (c) 2014年 梁镋鑫. All rights reserved.  5 //  6   7 #import "TXLoginViewController.h"  8 #import "MBProgressHUD+MJ.h"  9 @interface TXLoginViewController () 10 @property (weak, nonatomic) IBOutlet UITextField *accountField; 11 @property (weak, nonatomic) IBOutlet UITextField *pwField; 12 @property (weak, nonatomic) IBOutlet UIButton *loginBtn; 13 @property (weak, nonatomic) IBOutlet UISwitch *rmbPwdSwitch; 14  15 - (IBAction)rmbPwdChange; 16 @property (weak, nonatomic) IBOutlet UISwitch *autoLoginSwitch; 17  18 - (IBAction)autoLoginChange; 19 - (IBAction)login; 20  21 @end 22  23 @implementation TXLoginViewController 24  25  26 - (void)viewDidLoad 27 { 28     [super viewDidLoad]; 29      30      31      32      33      34   //监听通知  控制器self去监听   name通知名称 35     [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.accountField]; 36     [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.pwField]; 37      38 } 39 //移除监听 40 -(void)dealloc 41 { 42     [[NSNotificationCenter defaultCenter] removeObserver:self]; 43 } 44 /** 45  *  文本框的文字发生改变时调用 46  */ 47 -(void)textChange 48 { 49     //控制器按钮状态 50 //    if (self.accountField.text.length>0&&self.pwField.text.length>0) { 51 //        self.loginBtn.enabled = YES; 52 //    } 53 //    else 54 //    { 55 //        self.loginBtn.enabled = NO; 56 //    } 57     //简化后 58      59     self.loginBtn.enabled = (self.accountField.text.length&& self.pwField.text.length); 60 } 61 - (IBAction)rmbPwdChange { 62     //取消记住密码 63     if (self.rmbPwdSwitch.isOn ==NO) { 64         self.autoLoginSwitch.on = NO; 65     } 66 } 67 //自动登录的状态发生改变 68 - (IBAction)autoLoginChange { 69      70     if (self.autoLoginSwitch.isOn) { 71         self.rmbPwdSwitch.on=YES; 72     } 73      74 } 75  76 //登陆 77 //HUD指示器 78  79 - (IBAction)login { //账号tx 密码 123 80      81     if (![self.accountField.text isEqualToString:@"mj"]) { 82         // 帐号不存在 83         [MBProgressHUD showError:@"帐号不存在"]; 84         return; 85     } 86      87     if (![self.pwField.text isEqualToString:@"123"]) { 88         // 密码错误 89         [MBProgressHUD showError:@"密码错误"]; 90         return; 91     } 92      93     // 显示一个蒙版(遮盖) 94     [MBProgressHUD showMessage:@"哥正在帮你登录中...."]; 95      96     // 发送网络请求 97      98     // 模拟(2秒后执行跳转) 99     dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{100         // 移除遮盖101         [MBProgressHUD hideHUD];102         103         // 跳转 -- 执行login2contacts这个segue104         [self performSegueWithIdentifier:@"login2contacts" sender:nil];105     });106     107 }108 109 110 @end