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

iOS-联系人应用（一）

时间：2014-12-14 01:55:59      阅读：367      评论：0      收藏：0      [点我收藏+]

标签：style   blog   http   io   ar   color   os   sp   for   

环境：xcode6，iphone 4s simulator with iOS8.0

一、功能界面介绍

1.1 应用启动进入联系人列表页面，数据为模拟数据，来源与一个plist文件：

bubuko.com,布布扣

1.2 点击右上角当＋按钮时，进入添加页面，页面跳转采用UINavigationController，该页面上左上角当取消按钮直接导航至起始页面，完成则添加数据至表格：

bubuko.com,布布扣

1.3 当点击一行时，把数据设置至添加页面，用户可编辑（后期可优化为点击一行进入详情页面，再详情页面点击编辑再进入编辑模式）：

bubuko.com,布布扣

 

二、功能实现

2.1 首先建立一个Empty Application，建立完成后生成文件如下：

bubuko.com,布布扣

 1. 再新建一个主view，用于应用加载时显示：选择cocoa touch class，命名为RootViewController，父类为UIViewController，勾选also create xib file。

说明：可选择生产的xib，在右边面板属性的第一个选项取消use auto layout关闭自动调整，再选择第四个选项卡设置size属性配置显示尺寸。

 2.往界面中拖入一个tableview，xy设置0，大小设置于屏幕大小一致，打开双屏模式（右上角工具栏第二个），按住ctrl， 选择刚才的tableview拖入

RootViewController.h文件中，使得控制器拥有该tableview以便于控制:

//
//  RootViewController.h
//  ContactsView
//
//  Created by Mike on 14-12-14.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface RootViewController : UIViewController

@property (weak, nonatomic) IBOutlet UITableView *tableView;


@end

类似方法创建一个用于用户添加和编辑的界面 PersonInputViewController

3. 修改AppDelegate.m，设置应用窗口根控制器为 UINavigationController：

//
//  AppDelegate.m
//  ContactsWithInput
//
//  Created by Mike on 14-12-13.
//  Copyright (c) 2014年 Mike. All rights reserved.
//
#import "AppDelegate.h"
#import "RootViewController.h"

@interface AppDelegate ()
            
@end

@implementation AppDelegate   

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

    RootViewController *rootController = [[RootViewController alloc] init];
    
    UINavigationController *navController = [[UINavigationController alloc] initWithRootViewController:rootController]; //设置rootviewcontroller为第一个控制器
    
    //set navigation style
    navController.navigationBar.backgroundColor = [UIColor grayColor];
    
    self.window.rootViewController = navController;
    
    [self.window makeKeyAndVisible];
    return YES;
}

......
@end

4. 修改RootViewController.m，实现tableview数据源protocol和用于编辑的delegate：

实现 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 用于告诉tableview总数据有多少航

实现 - (UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath用户返回每行cell数据

//
//  RootViewController.m
//  ContactsWithInput
//
//  Created by Mike on 14-12-13.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import "RootViewController.h"
#import "PersonInputViewController.h"
#import "Person.h"
#import "PersonService.h"

@interface RootViewController () <UITableViewDataSource, UITableViewDelegate, UIAlertViewDelegate>
{
    PersonService *_personService;
}
@end

@implementation RootViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    UINavigationItem *navItem = self.navigationItem;
    
    //set navigation title
    navItem.title = @"所有联系人";
    
    _personService = [[PersonService alloc] init];
    
    //listen add btn
    UIBarButtonItem *addBtn = [[UIBarButtonItem alloc]
                               initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(addPerson)];
    navItem.rightBarButtonItem = addBtn;
    
}

#pragma mark - 添加联系人
- (void)addPerson{
    //goto person input view
    PersonInputViewController *piController = [[PersonInputViewController alloc] init];
    
    piController.personService = _personService;
    piController.tableView = _tableView;
    
    [self.navigationController pushViewController:piController animated:YES];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return _personService.persons.count;
}

- (UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    static NSString *identifier = @"ID";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:identifier];
    }
    
    Person *p = _personService.persons[indexPath.row];
    
    cell.textLabel.text = p.name;
    cell.detailTextLabel.text = p.phone;
    
    return cell;
}

#pragma mark - 点击行进入编辑模式(需要优化为先进入详情页面，再提供按钮编辑)
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    Person *p = [_personService.persons objectAtIndex:indexPath.row];
    
    //goto person input view
    PersonInputViewController *piController = [[PersonInputViewController alloc] init];
    
    piController.personService = _personService;
    piController.tableView = _tableView;
    piController.person = p;
    
    [self.navigationController pushViewController:piController animated:YES];
}

#pragma make - 提交tableview编辑操作
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
    
    if(editingStyle != UITableViewCellEditingStyleDelete) {
        return;
    }
    
    int row = indexPath.row;
    
    Person *p = _personService.persons[row];
    
    NSString *msg = [NSString stringWithFormat:@"%@%@%@",@"确定要删除 \"", p.name, @"\" 吗?"];
    
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"删除联系人"
                                                    message:msg delegate:self cancelButtonTitle:@"删除" otherButtonTitles:@"取消", nil];
    
    alert.tag = row; // 记录所需要删除的行号
    
    [alert show];
}

#pragma mark - 根据删除提示执行操作
-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex {
    //tableview退出编辑模式
    _tableView.editing = NO;
    
    if(buttonIndex != 0) {
        return ;
    }
    
    int row = alertView.tag;
    
    //删除源数据
    [_personService.persons removeObjectAtIndex:row];
    
    NSIndexPath *delIdx = [NSIndexPath indexPathForItem:row inSection:0];
    
    [_tableView deleteRowsAtIndexPaths:@[delIdx] withRowAnimation:UITableViewRowAnimationTop];
    
}

@end

 数据来源由一个PersonService管理，用于加载数据，定义如下：

//
//  PersonService.h
//  ContactsWithEdit
//
//  Created by Mike on 14-12-11.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface PersonService : NSObject

@property(atomic, strong) NSMutableArray *persons;

@end
//
//  PersonService.m
//  ContactsWithEdit
//
//  Created by Mike on 14-12-11.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import "PersonService.h"
#import "Person.h"

@interface PersonService ()
{
    
}

@end

@implementation PersonService

-(id)init {
    self = [super init];
    if(self) {
        _persons = [NSMutableArray array];
        NSBundle *bundle = [NSBundle mainBundle];
        NSArray *perResource = [NSMutableArray arrayWithContentsOfFile:[bundle pathForResource:@"person" ofType:@"plist"]];
        
        for(NSDictionary *pDic in perResource) {
            Person *p = [Person personWithName:pDic[@"name"] phone:pDic[@"phone"]];
            [_persons addObject:p];
        }
    }
    
    return self;
}

@end

2.2 用户添加和编辑界面设计

1. 界面很简单，两个label和两个text input，如下图：

bubuko.com,布布扣

把这两个text input连线到 PersonInputViewController.h，由于添加或者编辑后需要刷新数据源和表格，所以需要personService、tableview和person：

//
//  PersonInputViewController.h
//  ContactsWithInput
//
//  Created by Mike on 14-12-13.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import <UIKit/UIKit.h>
#import "PersonService.h"
#import "Person.h"

@interface PersonInputViewController : UIViewController

@property(nonatomic, strong)PersonService *personService;

@property (weak, nonatomic)UITableView *tableView; //refresh tableview after insert

@property(strong, nonatomic)Person *person; //obj for edit

@property (weak, nonatomic) IBOutlet UITextField *nameField; // 名字输入框

@property (weak, nonatomic) IBOutlet UITextField *phoneField; // 号码输入框

@end

PersonInputViewController 初始化时创建两个按钮《取消》和《完成》，并设置监听方法，分别设置在左边和右边。当person不为空的时候，代表进入编辑模式：

//
//  PersonInputViewController.m
//  ContactsWithInput
//
//  Created by Mike on 14-12-13.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import "PersonInputViewController.h"

@interface PersonInputViewController ()

@end

@implementation PersonInputViewController


- (void)viewDidLoad {
    [super viewDidLoad];
    
    //set bar button
    UIBarButtonItem *cancelBtn = [[UIBarButtonItem alloc]
                                  initWithTitle:@"取消" style:UIBarButtonItemStylePlain target:self action:@selector(backRootView)];
    UIBarButtonItem *saveBtn = [[UIBarButtonItem alloc]
                                  initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(savePerson)];
    
    self.navigationItem.leftBarButtonItem = cancelBtn;
    self.navigationItem.rightBarButtonItem = saveBtn;
    
    //setter data for edit
    if(_person) {
        _nameField.text = _person.name;
        _phoneField.text = _person.phone;
    }
    
}

- (void)backRootView {
    [self.navigationController popViewControllerAnimated:YES]; //返回上一个view
}

- (void)savePerson {
    NSString *name = _nameField.text;
    NSString *phone = _phoneField.text;
    
    //remove white space
    name = [name stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]];
    phone = [phone stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]];
    
    if(![name isEqualToString:@""] || ![phone isEqualToString:@""]) {
        
        if(_person) { //edit
            _person.name = name;
            _person.phone = phone;
            
            //refresh tableview
            NSIndexPath *editIdx = [NSIndexPath indexPathForRow:[_personService.persons indexOfObject:_person] inSection:0];
            [_tableView reloadRowsAtIndexPaths:@[editIdx] withRowAnimation:UITableViewRowAnimationMiddle];
            
        }else {
            Person *p = [Person personWithName:name phone:phone];
            
            [_personService.persons addObject:p];
            
            //refresh tableview
            NSIndexPath *addIdx = [NSIndexPath indexPathForRow:_personService.persons.count-1 inSection:0];
            [_tableView insertRowsAtIndexPaths:@[addIdx] withRowAnimation:UITableViewRowAnimationRight];
        }

    }
    [self backRootView];
}

@end

最后是一个实体类Person的定义：

//
//  Person.h
//  ContactsWithEdit
//
//  Created by Mike on 14-12-10.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface Person : NSObject

+(Person*) personWithName:(NSString *)name phone:(NSString *) phone;

@property(nonatomic, strong) NSString* name;
@property(nonatomic, strong) NSString* phone;

@end
//
//  Person.m
//  ContactsWithEdit
//
//  Created by Mike on 14-12-10.
//  Copyright (c) 2014年 Mike. All rights reserved.
//

#import "Person.h"

@implementation Person

+(Person*) personWithName:(NSString *)name phone:(NSString *) phone
{
    Person *p = [[Person alloc] init];
    p.name = name;
    p.phone = phone;
    return p;
    
}
@end

 工程下载地址：http://files.cnblogs.com/mikevictor07/ContactsWithInput.zip

iOS-联系人应用（一）

标签：style   blog   http   io   ar   color   os   sp   for   

原文地址：http://www.cnblogs.com/mikevictor07/p/4162146.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！