码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-11-02 22:13:09      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   color   ar   os   使用   

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

一、该部分主要完成内容

1.界面搭建

bubuko.com,布布扣       bubuko.com,布布扣      bubuko.com,布布扣         

2.功能说明

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

(2).当取消勾选记住密码后,自动登录按钮也随之取消;当勾选了自动登录按钮时,记住密码按钮也一同勾选。

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

二、实现过程和代码

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

bubuko.com,布布扣

实现代码:

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这个segue
104         [self performSegueWithIdentifier:@"login2contacts" sender:nil];
105     });
106     
107 }
108 
109 
110 @end

 

三、segue的使用
1.简单介绍

Storyboard上每一根用来界面跳转的线,都是一个UIStoryboardSegue对象(简称Segue)

bubuko.com,布布扣

 

2.segue的三个属性

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

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

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

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

bubuko.com,布布扣

2.segue的两种类型

根据Segue的执行(跳转)时刻,Segue可以分为2大类型

自动型:点击某个控件后(比如按钮),自动执行Segue,自动完成界面跳转

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

bubuko.com,布布扣

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

bubuko.com,布布扣

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

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

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

3.performSegueWithIdentifier:sender:

bubuko.com,布布扣

利用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压入栈中,完成跳转

bubuko.com,布布扣

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

(1)顺传:从当前控制器将数据传递到下一个控制器

bubuko.com,布布扣

(2)逆传:从当前控制器将数据传递给前面的控制器

bubuko.com,布布扣

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

标签:des   style   blog   http   io   color   ar   os   使用   

原文地址:http://www.cnblogs.com/asd5551680/p/4069989.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!