实战项目：通讯录&nbsp;UI—第十一天-阿里云开发者社区

1、推出视图的两种方式：

1.通过导航控制器push到下一个界面,使用pop返回到上一个界面
2.通过模态的形式推出视图，不需要依赖于导航控制器,通过使用present到下一个界面，通过dismiss返回到上一个界面
如何选择使用哪种视图的推出方法？
秘诀:看视图之间的依赖关系
1.当下一个页面要展示的数据依赖于上一个界面使用push

2.当上一个界面依赖于下一个界面的数据时使用present

2、当前一个界面要展示的数据，依赖于后一个界面时，此时使用模态的形式推出视图，模态：是一种新的视图推出方式

图片素材：

通讯录实战所需素材： http://pan.baidu.com/s/1o6nFol8

———————————————————————————————

ContactListTableViewController.m

#import "ContactListTableViewController.h"
#import "AddContactViewController.h"
#import "DetailContactController.h"
#import "CustomCell.h"

#import "Contacter.h"

- (void)viewDidLoad {
    [super viewDidLoad];
    [self configureNavigatinControllerBarContent];
}

//配置导航条的内容
- (void)configureNavigatinControllerBarContent{
    //设置title
    self.navigationItem.title = @"通讯录";
    //设置左边添加联系人按钮
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"add_contact"]style:(UIBarButtonItemStylePlain) target:self action:@selector(handleAdd: )];
    self.navigationItem.leftBarButtonItem = leftItem;
        //配置导航条的背景颜色
    self.navigationController.navigationBar.barTintColor = [UIColor orangeColor];
    //配置导航条内容的颜色
    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    //修改title的字体颜色
    NSDictionary *dic = @{NSForegroundColorAttributeName : [UIColor whiteColor]};

    self.navigationController.navigationBar.titleTextAttributes = dic;
    //右侧导航条为编辑按钮

self.navigationItem.rightBarButtonItem = self.editButtonItem;

}
#pragma mark 添加联系人按钮的方法
- (void)handleAdd: (UIBarButtonItem *)leftItem{
    NSLog(@"添加联系人");
    //当前一个界面要展示的数据，依赖于后一个界面时，此时使用模态的形式推出视图，模态：是一种新的视图推出方式
    //先创建要推出的试图控制器对象
    AddContactViewController *addVC =[[AddContactViewController alloc]init];

   //给模态出来的视图控制添加导航控制器
    UINavigationController *navogationVC = [[UINavigationController alloc]initWithRootViewController:addVC];

    //配置模态出现的样式
    navogationVC.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal;

    //UIModalTransitionStyleCoverVertical = 0,
    //UIModalTransitionStyleFlipHorizontal,
    //UIModalTransitionStyleCrossDissolve,

//UIModalTransitionStylePartialCurl

//模态不依赖于导航控制器，所以不需要拿到导航控制器
[self presentViewController:navogationVC animated:YES completion:^{

//推出视图之后要做的一些操作，可以写在这里

    }];

    [addVC release];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

return 10;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

return 10;

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *idntifer = @"cell";
   CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:idntifer];
    if (cell == nil) {
        cell = [[CustomCell alloc]initWithStyle:(UITableViewCellStyleValue1) reuseIdentifier:idntifer];
    }
    //准备一个字典，使用给Model对象赋值
    NSDictionary *dic = @{@"name":@"小韩哥",@"gender'":@"女",@"age":@"18",@"says":@"我爱编程",@"phone":@"7788521",@"imageName":@"1.png"};
//给model类赋值Contecter
    Contacter *contacter = [[Contacter alloc]init];
    contacter.name = dic[@"name"];

    //使用KVC赋值
    [contacter setValuesForKeysWithDictionary:dic];

    cell.photoView.image = contacter.image;
    cell.nameLabel.text = contacter.name;
    cell.phoneLabel.text = contacter.phone;

// NSLog(@"%@- %@-%@-%@-%@-%@",contacter.name,contacter.age,contacter.gender,contacter.phone,contacter.says,contacter.image);//打印看是否取到Model数据的value值

return cell;
}
#pragma mark 点击cell触发事件
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

DetailContactController *detailVC = [[DetailContactController alloc]init];

[self.navigationController pushViewController:detailVC animated:YES];

[detailVC release];
}
//通过代理返回cell的行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

return 90;

}

——————————————————————————————————

添加联系人：

AddContactViewController.m

#import "AddContactViewController.h"
#import "CustomView.h"
@interface AddContactViewController ()<</span>UIActionSheetDelegate,UIImagePickerControllerDelegate,UINavigationControllerDelegate>

@property(nonatomic,retain)CustomView *aview;

@end

@implementation AddContactViewController
- (void)dealloc{
    self.aview = nil;
    [super dealloc];
}
- (void)loadView{
    self.aview = [[CustomView alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.view = self.aview;
    [self.aview release];

}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor cyanColor];
    [self configureNavigationBarContent];
    //调用手势方法
    [self addTapGesture];

}
//给aImageView 视图添加轻拍手势
- (void)addTapGesture{
    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTap : )];

    [self.aview.aImageView addGestureRecognizer:tap];

[tap release];

}
//实现轻拍手势的方法
- (void)handleTap : (UITapGestureRecognizer *)tap{
//添加ActionSheet控件提示选项框
    UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"拍照" otherButtonTitles:@"从手机中选择", nil];
    //在当前界面显示actionSheet对象
    [actionSheet showInView:self.view];
    [actionSheet release];

}

- (void)actionSheet:(UIActionSheet *)actionSheet clickeonAtIndex:(NSInteger)buttonIndex{
    switch (buttonIndex) {
        case 0:
            //拍照
            NSLog(@"拍照");
            [self pickerPictureFromCamera];
            break;
            case 1:
            //从相册中读取照片
            NSLog(@"从相册中读取照片");
            [self pickerPictureFormPhotoAlbum];
            break;
        default:
            break;
    }
}
//拍照
- (void)pickerPictureFromCamera{
    //判断前摄像头是否可以使用
BOOL isCameera = [UIImagePickerController isCameraDeviceAvailable:UIImagePickerControllerCameraDeviceFront];
//    UIImagePickerControllerCameraDeviceFront 前摄像头
//    UIImagePickerControllerCameraDeviceRear //后摄像头
    if (!isCameera) {
        NSLog(@"没有摄像头可以使用");
        return;
    }
    //初始化图片选择控制器对象
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片选择器选取图片的样式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置取出来的图片是否允许编辑
    imagePicker.allowsEditing = YES;

//设置代理

imagePicker.delegate = self; 必须同时遵循 UIImagePickerControllerDelegate,UINavigationControllerDelegate 两个协议

    //把手机相机推出来
    [self presentViewController:imagePicker animated:YES completion:nil];
    [imagePicker release];

}

//从相册中取出相片
- (void)pickerPictureFormPhotoAlbum{
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片格式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置允许编辑
    imagePicker.allowsEditing = YES;
    //设置代理
    imagePicker.delegate = self;

    [self presentViewController:imagePicker animated:YES completion:nil];

[imagePicker release];

}

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{
    //从字典中取出编辑的key值，对应的照片
    self.aview.aImageView.image = [info objectForKey:UIImagePickerControllerEditedImage];
    //自己推出来的自己收回去
    [self dismissViewControllerAnimated:YES completion:nil];

}

//配置导航条
- (void)configureNavigationBarContent{
    self.navigationItem.title = @"添加联系人";
    //配置导航条背景颜色
    self.navigationController.navigationBar.barTintColor = [UIColor orangeColor];
    //配置内容页的渲染颜色
    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    //配置字体颜色
    NSDictionary *dic = @{NSForegroundColorAttributeName : [UIColor whiteColor]};
    self.navigationController.navigationBar.titleTextAttributes = dic;

    //左侧取消按钮
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"clsose"] style:(UIBarButtonItemStylePlain) target:self action:@selector(hanlBack : )];

    self.navigationItem.leftBarButtonItem = leftItem;
    //释放
    [leftItem release];
    //右侧保存按钮

UIBarButtonItem *rightItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"doneR"] style:(UIBarButtonItemStylePlain) target:self action:@selector(handleSave : )];

self.navigationItem.rightBarButtonItem = rightItem;

}
#pragma mark 取消按钮的实现
- (void)hanlBack : (UIBarButtonItem *)item{
    //返回上一级界面
    [self dismissViewControllerAnimated:YES completion:nil];

}
#pragma mark 保存按钮的实现
- (void)handleSave : (UIBarButtonItem *)item{
    //保存数据操作
    //保存数据后同样返回上一个界面
    [self dismissViewControllerAnimated:YES completion:nil];

}

添加联系人效果：

——————————————————————————————

详情界面：与上面添加联系人界面大同小异

DetailContactController.m

#import "DetailContactController.h"
#import "CustomView.h"
@interface DetailContactController ()<</span>UIActionSheetDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate>
@property(nonatomic,retain)CustomView *aView;

@end

@implementation DetailContactController
- (void)dealloc{
self.aView = nil;
[super dealloc];

}

- (void)loadView{
self.aView = [[CustomView alloc]initWithFrame:[UIScreen mainScreen].bounds];
self.view = self.aView;

[self.aView release];

}

//控制self.aView 的交互事件方法
- (void)closeUserInteractionByBool : (BOOL)isTure{
    //根据传进来的参数决定self.aView交互是否打开
    self.aView.userInteractionEnabled = isTure;

}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
//配置导航条的内容
    [self configureNavigationBarContent];
    //进来详情页面先不能编辑
    [self closeUserInteractionByBool:NO];
    //调用添加手势的方法

[self addTapGesture];

}
//添加aImageView添加轻拍手势
- (void)addTapGesture{

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTap : )];

    [self.aView.aImageView addGestureRecognizer:tap];
    [tap release];
}
//实现轻拍手势的方法
- (void)handleTap : (UITapGestureRecognizer *)tap{
    UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"拍照" otherButtonTitles:@"从手机中选择", nil];
    //当前界面显示actionSheet对象
    [actionSheet showInView:self.view];
    [actionSheet release];

}
- (void)actionSheet:(UIActionSheet *)actionSheet clickeonAtIndex:(NSInteger)buttonIndex{
    switch (buttonIndex) {
        case 0:
            [self pickerPictureFromCamera];
            NSLog(@"没有摄像头可以使用");
            break;
            case 1:
            [self pickerPictureFromPhotoAlbum];
            break;
        default:
            break;
    }
}
//配置导航条的内容
- (void)configureNavigationBarContent{
    self.navigationItem.title = @"详情";
    //左侧配置编辑按钮
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"btn_backItem"] style:(UIBarButtonItemStylePlain) target:self action:@selector(handleBack:)];
    self.navigationItem.leftBarButtonItem = leftItem;
    [leftItem release];
    //配置右侧按钮

self.navigationItem.rightBarButtonItem = self.editButtonItem;

}
//拍照
- (void)pickerPictureFromCamera{
    //判断前摄像头是否可以使用
    BOOL isCamera = [UIImagePickerController isCameraDeviceAvailable:UIImagePickerControllerCameraDeviceFront];
    if (!isCamera) {
        return;
    }
    //初始化图片是选择器对象
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片选择器选取图片的样式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置取出来的图片是否允许编辑
    imagePicker.allowsEditing = YES;
    //设置代理
    imagePicker.delegate = self;
    //把手机相机推出来
    [self presentViewController:imagePicker animated:YES completion:nil];

[imagePicker release];

}
//从相册中取相片
- (void)pickerPictureFromPhotoAlbum{
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片格式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置是否允许编辑
    imagePicker.allowsEditing = YES;
    //设置代理
    imagePicker.delegate = self;
    [self presentViewController:imagePicker animated:YES completion:nil];
}
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{
    //从字典中取出编辑的key值，对应的照片
    self.aView.aImageView.image = [info objectForKey:UIImagePickerControllerEditedImage];
    //自己推出来自己收回去

[self dismissViewControllerAnimated:YES completion:nil];

}

#pragma mark 重写编辑按钮的方法

- (void)setEditing:(BOOL)editing animated:(BOOL)animated{

[super setEditing:editing animated:animated];

//调用交互的方法
//editing == YES 可以编辑 editing == NO 不可以编辑

[self closeUserInteractionByBool:editing];

}

//实现back的方法
- (void)handleBack: (UIBarButtonItem *)back{

//保存数据的方法

//返回上一个界面
[self.navigationController popViewControllerAnimated:YES];

}

详情界面编辑效果：

————————————————————————————————————

CustomCell 和CustomView 自定义cell和自定义视图布局不做详细介绍！

2、懒加载方法：

CustomCell.h

@property(nonatomic,retain)UIImageView *photoView;
@property(nonatomic,retain)UILabel *nameLabel;

@property(nonatomic,retain)UILabel *phoneLabel;

CustomCell.m

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        //布局操作写在这里
        [self.contentView addSubview:self.photoView];
        [self.contentView addSubview:self.nameLabel];

[self.contentView addSubview:self.phoneLabel];

}

return self;

}

//懒加载创建cell上的自定义控件

- (UIImageView *)photoView{
    if (_photoView == nil) {
        self.photoView = [[[UIImageView alloc]initWithFrame:CGRectMake(10, 5, 80, 80)]autorelease];
        self.photoView.layer.cornerRadius = 40.0;
        self.photoView.layer.masksToBounds = YES;

self.photoView.backgroundColor = [UIColor brownColor];

}

//添加安全机制

return [[_photoView retain]autorelease]; 注意：系统提供的持有对象有时也会crash所以retain再release更安全！

}

- (UILabel *)nameLabel{
    if (_nameLabel == nil) {
        self.nameLabel = [[[UILabel alloc]initWithFrame:CGRectMake(100, 18, 100, 25)]autorelease];
        self.nameLabel.backgroundColor = [UIColor brownColor];
        self.nameLabel.layer.cornerRadius = 7;
        self.nameLabel.layer.masksToBounds = YES;
    }
    return [[_nameLabel retain]autorelease];
}

- (UILabel *)phoneLabel{
    if (_phoneLabel == nil) {
        self.phoneLabel = [[[UILabel alloc]initWithFrame:CGRectMake(100, 48, 160, 25)]autorelease];
        self.phoneLabel.backgroundColor = [UIColor brownColor];
        self.phoneLabel.layer.cornerRadius = 7;
        self.phoneLabel.layer.masksToBounds = YES;
    }
    return [[_phoneLabel retain]autorelease];

}

——————————————————————————————————

欢迎学习本文，未经许可，禁止转载！

实战项目：通讯录&nbsp;UI—第十一天

热门文章

最新文章

相关电子书

实战项目：通讯录&amp;nbsp;UI—第十一天

热门文章

最新文章

相关电子书

实战项目：通讯录 UI—第十一天