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

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

一、该部分主要完成内容

1.界面搭建

                      

2.功能说明

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

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

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

二、实现过程和代码

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

实现代码：

TXloginViewController.m文件

//  33-梁镋鑫通讯录(登录)
//
//  Created by 鑫 on 14-10-21.
//  Copyright (c) 2014年 梁镋鑫. All rights reserved.
//

#import "TXLoginViewController.h"
#import "MBProgressHUD+MJ.h"
@interface TXLoginViewController ()
@property (weak, nonatomic) IBOutlet UITextField *accountField;
@property (weak, nonatomic) IBOutlet UITextField *pwField;
@property (weak, nonatomic) IBOutlet UIButton *loginBtn;
@property (weak, nonatomic) IBOutlet UISwitch *rmbPwdSwitch;

- (IBAction)rmbPwdChange;
@property (weak, nonatomic) IBOutlet UISwitch *autoLoginSwitch;

- (IBAction)autoLoginChange;
- (IBAction)login;

@end

@implementation TXLoginViewController


- (void)viewDidLoad
{
    [super viewDidLoad];
    
    
    
    
    
  //监听通知  控制器self去监听   name通知名称
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.accountField];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.pwField];
    
}
//移除监听
-(void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}
/**
 *  文本框的文字发生改变时调用
 */
-(void)textChange
{
    //控制器按钮状态
//    if (self.accountField.text.length>0&&self.pwField.text.length>0) {
//        self.loginBtn.enabled = YES;
//    }
//    else
//    {
//        self.loginBtn.enabled = NO;
//    }
    //简化后
    
    self.loginBtn.enabled = (self.accountField.text.length&& self.pwField.text.length);
}
- (IBAction)rmbPwdChange {
    //取消记住密码
    if (self.rmbPwdSwitch.isOn ==NO) {
        self.autoLoginSwitch.on = NO;
    }
}
//自动登录的状态发生改变
- (IBAction)autoLoginChange {
    
    if (self.autoLoginSwitch.isOn) {
        self.rmbPwdSwitch.on=YES;
    }
    
}

//登陆
//HUD指示器

- (IBAction)login { //账号tx 密码 123
    
    if (![self.accountField.text isEqualToString:@"mj"]) {
        // 帐号不存在
        [MBProgressHUD showError:@"帐号不存在"];
        return;
    }
    
    if (![self.pwField.text isEqualToString:@"123"]) {
        // 密码错误
        [MBProgressHUD showError:@"密码错误"];
        return;
    }
    
    // 显示一个蒙版(遮盖)
    [MBProgressHUD showMessage:@"哥正在帮你登录中...."];
    
    // 发送网络请求
    
    // 模拟(2秒后执行跳转)
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        // 移除遮盖
        [MBProgressHUD hideHUD];
        
        // 跳转 -- 执行login2contacts这个segue
        [self performSegueWithIdentifier:@"login2contacts" sender:nil];
    });
    
}


@end

三、segue的使用

1.简单介绍

Storyboard上每一根用来界面跳转的线，都是一个UIStoryboardSegue对象（简称Segue）

2.segue的三个属性

每一个Segue对象，都有3个属性

唯一标识  @property (nonatomic, readonly) NSString *identifier;

来源控制器 @property (nonatomic, readonly) id sourceViewController;

目标控制器  @property (nonatomic, readonly) id destinationViewController;

2.segue的两种类型

根据Segue的执行（跳转）时刻，Segue可以分为2大类型

自动型：点击某个控件后（比如按钮），自动执行Segue，自动完成界面跳转

按住Control键，直接从控件拖线到目标控制器。点击“登录”按钮后，就会自动跳转到右边的控制器。如果点击某个控件后，不需要做任何判断，一定要跳转到下一个界面，建议使用“自动型Segue”

手动型：需要通过写代码手动执行Segue，才能完成界面跳转

按住Control键，从来源控制器拖线到目标控制器。手动型的Segue需要设置一个标识（如图）。

在恰当的时刻，使用perform方法执行对应的Segue     [self performSegueWithIdentifier:@"login2contacts" sender:nil];   

Segue必须由来源控制器来执行，也就是说，这个perform方法必须由来源控制器来调用。如果点击某个控件后，需要做一些判断，也就是说：满足一定条件后才跳转到下一个界面，建议使用“手动型Segue”

3.performSegueWithIdentifier:sender:

利用performSegueWithIdentifier:方法可以执行某个Segue，完成界面跳转

4.performSegueWithIdentifier:sender:方法的完整执行过程

[selfperformSegueWithIdentifier:@“login2contacts”sender:nil];

(1)根据identifier去storyboard中找到对应的线，新建UIStoryboardSegue对象

设置Segue对象的sourceViewController（来源控制器）

新建并且设置Segue对象的destinationViewController（目标控制器）

(2)调用sourceViewController的下面方法，做一些跳转前的准备工作并且传入创建好的Segue对象

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender;

// 这个sender是当初performSegueWithIdentifier:sender:中传入的sender

(3)调用Segue对象的- (void)perform;方法开始执行界面跳转操作

取得sourceViewController所在的UINavigationController

调用UINavigationController的push方法将destinationViewController压入栈中，完成跳转

 4.多个控制器间数据的传递

（1）顺传：从当前控制器将数据传递到下一个控制器

（2）逆传：从当前控制器将数据传递给前面的控制器