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

"ContactListTableViewController.h"
#import
"AddContactViewController.h"
#import
"DetailContactController.h"
#import
"CustomCell.h"
"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
{
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.h"
#import
"CustomView.h"
@interface
AddContactViewController
()<</span>UIActionSheetDelegate,UIImagePickerControllerDelegate,UINavigationControllerDelegate>
*aview;
@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];
*)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.h"
#import
"CustomView.h"
@interface
DetailContactController
()<</span>UIActionSheetDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate>
@property(nonatomic,retain)CustomView
*aView;
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];
的交互事件方法
- (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];
重写编辑按钮的方法
(void)setEditing:(BOOL)editing
animated:(BOOL)animated{
[super
setEditing:editing
animated:animated];
//调用交互的方法
//editing ==
YES 可以编辑 editing == NO
不可以编辑
[self
closeUserInteractionByBool:editing];
- (void)handleBack:
(UIBarButtonItem
*)back{
//保存数据的方法
//返回上一个界面
[self.navigationController
popViewControllerAnimated:YES];

自定义cell和自定义视图布局不做详细介绍!
*photoView;
@property(nonatomic,retain)UILabel
*nameLabel;
*phoneLabel;
(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;
(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];
实战项目:通讯录 UI—第十一天的更多相关文章
- .NET Core实战项目之CMS 第十一章 开发篇-数据库生成及实体代码生成器开发
上篇给大家从零开始搭建了一个我们的ASP.NET Core CMS系统的开发框架,具体为什么那样设计我也已经在第十篇文章中进行了说明.不过文章发布后很多人都说了这样的分层不是很合理,什么数据库实体应该 ...
- .NET Core实战项目之CMS 第十三章 开发篇-在MVC项目结构介绍及应用第三方UI
作为后端开发的我来说,前端表示真心玩不转,你如果让我微调一个位置的样式的话还行,但是让我写一个很漂亮的后台的话,真心做不到,所以我一般会选择套用一些开源UI模板来进行系统UI的设计.那如何套用呢?今天 ...
- .NET Core实战项目之CMS 第一章 入门篇-开篇及总体规划
作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9977862.html 写在前面 千呼万唤始出来,首先,请允许我长吸一口气!真没想到一份来自28岁老程序员 ...
- android经典实战项目视频教程下载
注:这是一篇转载的文章,原文具体链接地址找不到了,将原文分享如下,希望能对看到的朋友有所帮助! 最近在学习android应用方面的技术,自己在网上搜集了一些实战项目的资料,感觉挺好的,发布出来跟大伙分 ...
- vue+websocket+express+mongodb实战项目(实时聊天)
继上一个项目用vuejs仿网易云音乐(实现听歌以及搜索功能)后,发现上一个项目单纯用vue的model管理十分混乱,然后我去看了看vuex,打算做一个项目练练手,又不想做一个重复的项目,这次我就放弃颜 ...
- .NET Core实战项目之CMS 第二章 入门篇-快速入门ASP.NET Core看这篇就够了
作者:依乐祝 原文链接:https://www.cnblogs.com/yilezhu/p/9985451.html 本来这篇只是想简单介绍下ASP.NET Core MVC项目的(毕竟要照顾到很多新 ...
- .NET Core实战项目之CMS 第十章 设计篇-系统开发框架设计
这两天比较忙,周末也在加班,所以更新的就慢了一点,不过没关系,今天我们就进行千呼万唤的系统开发框架的设计.不知道上篇关于架构设计的文章大家有没有阅读,如果阅读后相信一定对架构设计有了更近一部的理解,如 ...
- Web项目开发介绍及实战项目介绍
引言 本系列课程我们将学些Golang语言中的Web开发框架Iris的相关知识和用法.通过本系列视频课程,大家能够从零到一经历一个完整项目的开发,并在课程中了解实战项目开发的流程和项目设涉及的各个模块 ...
- react实战项目-很适合进阶
前言 前段时间学习完了React的基础,自己网上找了一些实战项目,做了几个感觉项目不是很全面,就想做一个完整的项目来提升自己的React水平.以前学习Vue的时候,就看过bailicangdu大神的v ...
随机推荐
- phpstorm查看类的继承关系
在看一些框架源码时,有些类有很多的继承或者接口,有一款神奇的帮助很重要 选中一个类文件,右键,选择diagrams->show diagrams 即可得到类的继承关系,如上右图 使用函数 fun ...
- 服务器&阵列卡LSI SAS223&组raid 10
组raid10 如配置: raid LSI SAS2236 双E5-2450L 96G 4*1TB 要求: 至少4块HDD 将接上Raid card的机器开机,根据提示按组合键进入Raid配置界面 ...
- 【python标准库模块五】Xml模块学习
Xml模块 xml本身是一种格式规范,是一种包含了数据以及数据说明的文本格式规范.在json没有兴起之前各行各业进行数据交换的时候用的就是这个.目前在金融行业也在广泛在运用. 举个简单的例子,xml是 ...
- scratch写的图灵机
大多数人对于scratch不感冒,因为觉得这是孩子玩的.的确,积木的方式不适合专业程序员写代码,然而别小看scratch,怎么说,它也是图灵完备的.而且,过程支持递归,虽然带不了返回值. 虽然计算速度 ...
- PHP 5 Filesystem 函数
PHP Filesystem 简介 Filesystem 函数允许您访问和操作文件系统. 安装 Filesystem 函数是 PHP 核心的组成部分.无需安装即可使用这些函数. Runtime 配置 ...
- Python3 XML解析
什么是XML? XML 指可扩展标记语言(eXtensible Markup Language),标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言. 你可以通过本站学习XML教程 ...
- windows下python3.5使用pip离线安装whl包
0. 绪论 Windows离线断网环境下安装Python包,配置环境,准备用来生成word模版.姑且记录一下 生产环境 : windows 7 windows10 python 3.5.2 pip 1 ...
- Spring声明式事务总结
Spring配置文件中关于事务配置总是由三个组成部分,分别是DataSource.TransactionManager和代理机制这三部分,无论哪种配置方式,一般变化的只是代理机制这部分. DataSo ...
- python3中替换python2中cmp函数的新函数分析(lt、le、eq、ne、ge、gt)
本文地址:http://blog.csdn.net/sushengmiyan/article/details/11332589 作者:sushengmiyan 在python2中我们经常会使用cmp函 ...
- 最优秀的网络框架retrofit
由于某学员要求所以我打算写一篇 标题先记录下来 我会在一周内完成此篇文章