没有合适的资源?快使用搜索试试~ 我知道了~
首页教你使用view controllers以及创建展示图片
教你使用view controllers以及创建展示图片

该文章翻译自iOS in Practice 一书,资源来自Cocoachina。通过教你制作一个上架应用PicDecor来教你使用view controllers以及创建展示图片。
资源详情
资源评论
资源推荐

iOS in Practice CocoaChina会员崩月姐姐,ccsupport译
内容仅供交流学习用,请勿用于商业用途,意见建议,或想加入我们请联系 QQ:2408167315
第二部分第三章
通过教你制作一个上架应用 PicDecor 来教你使用 view controllers 以及创建展示图
片
本章教大家开发一个应用 PicDecor,这个应用可以允许用户从相册上传图片或者使用
照相机拍照,然后用应用中系统自带的装饰图片来对图片来进行加工。图片加工完成之
后,用户可以保存图片,邮件完成的图片给朋友。尽管这个 app 有点傻,但它的功能
你可以应用在其他应用中。PicDecor 的 app 下载地址是:
http://itunes.com/apps/picdecor。 这章将给你展示我是如何一步步制作这个应用的,
App Store 的上架版本我只另外添加了一些图片和一个 About 页面。
图 3.1 PicDecor 的界面:从左到右依次是,选择来源图片,app 自带图片,装饰好的
图片
首先让我们看看 PicDecor 的界面,见图 3.1。第一个界面让用户选择来源图片——照
相机拍照或是相册。用户选择好图片之后,他们就可以从 app 自带的图片中选择一些

iOS in Practice CocoaChina会员崩月姐姐,ccsupport译
内容仅供交流学习用,请勿用于商业用途,意见建议,或想加入我们请联系 QQ:2408167315
小元素添加到来源图片。通过手指操作,用户可以加工来源图片。
在本章中,你可以看到 PicDecor 是如何设计和编码的。你可以学到 view controllers,
image views,图像处理,在 view controller 中的 delegation 委托类以及发送消息(例
如说,发送邮件)。学习这些基本可以在你所有开发的应用中用上。你可以知道问题的
解决方式有哪些,在什么情况下使用它们。同时,还可以学到用的不是特别多的功能,
比如说 app 中接入照相机以及相册。
我们先开始设计 UI。在设计的过程中,我们需要保持一个开发的心态,这样才能制作
出一个优秀风格的 UI。
然后,我们可以开始编码,给设计好的 UI 控件准备相对应的类,使用 IB 声明类和方法
可以让你把代码和设计好的 UI 连接起来。
接下来我们可以开始将接下来我们可以开始将 UI 和相关代码连接到一起,从而达到关
联用户界面设计和相关功能的目的。
在一些案例中,UI 界面设计驱动功能开发,或功能开发驱动 UI 界面设计。有时候,在
一些案例里,两种情况都会出现。基于以上情况,你可能会考虑该先做 UI 界面设计还
是先开始代码功能设计。
PicDeor 是个小工程,所以我们可以边完善 UI 设计边编码,这样不会浪费时间。

iOS in Practice CocoaChina会员崩月姐姐,ccsupport译
内容仅供交流学习用,请勿用于商业用途,意见建议,或想加入我们请联系 QQ:2408167315
现在可以开始设计 UI 界面了,让我们看看如何在 Xcode 的 IB 中使用 UI 编辑器。
3.1 UI 设计概念
在考虑 UI 的外观和操作的时候,要记住操作要比外观更加重要。在某些情况下,很多
东西都能使用不能技术完成同一个功能。基于你的 app,用户,功能,以及其他方面,
需要做不同的决策。我们需要考虑的东西不止有 UI 元素的大小,形状,放置位置,按
钮或者表单的颜色。
你可能倾向于不同的 UI 设计方式, 手绘,使用白板或者 IB。他们都各有优点。无论
怎样,当你确定了你的设计方式,确保多思索,而不是仅仅做到实现功能以及给它弄出
来就行。就想前文提到过的,设计 UI,Xcode 的 IB 是一个非常好用的工具,它不仅
提供了 Apple 标准控件,而且当你决定以编程的方式去实现你的 UI 的时候,IB 提供
了例如 坐标,大小,颜色等可以在代码中使用的属性。
Xcode 提供了很多非常棒的 UI 控件。我们可以使用它提供的控件,同时也需要想些办
法来定制这些控件,让我们的 app 更独特。
3.1.1 创建自定义代码块
我们可以自定义Apple Library里的所有item。大部分的item都是由其他的发展而来的,
而一些最基本的item也可以相应的更改属性。比如说UIImageView, UITableView,以及
UIWebView都是UIView,它们都是必须的。

iOS in Practice CocoaChina会员崩月姐姐,ccsupport译
内容仅供交流学习用,请勿用于商业用途,意见建议,或想加入我们请联系 QQ:2408167315
UIView(引自Apple官方文档)
UIView给绘图以及操作事件提供了一个架构。一个UIView对象定义了一个屏幕上的一
个矩形区域,同时处理该区域的绘制和触屏事件。一个视图也可以作为其他视图的父视
图。
在 IB 的 Attributes(属性)窗口中,可以显示被选择的类(包括它们的父类)的属性。
比如一个 UITableView 的属性窗口,在顶部可以看到 table view 的属性,每个相继父
类的属性会在它子类属性的下方显示。如图 2,你可以看到,scroll view 的属性在 table
view 属性的下方显示,UIView 的属性显示在最底部。

iOS in Practice CocoaChina会员崩月姐姐,ccsupport译
内容仅供交流学习用,请勿用于商业用途,意见建议,或想加入我们请联系 QQ:2408167315
图 3.2 Attributes Inspector 中显示一个类属性的层次(hierarchy of a class’s
attributes)
在 Attributes Inspector(属性检查器)中改变不同的属性,可以即使看到这些 UI 属
性的变化(同样的,如果你改变 UI,他们的属性也会随之一起调整)。在 UI 设计中,
除了尺寸和外观,还需要考虑其他方面的东西。比如说,对一个用户来说,什么样的界
面才吸引人?
3.1.2 产品定义声明
好的 UI 是根据产品项目设计的。大部分工程都要求 UI 满足功能性的需求。许多苹果的
app 都使用结构简单,功能完备的 UI 设计。这并不是说他们看上去不美观或是设计的
非常好,只是它们通常来说都不是自定义的 table views,而且背景图不会使人分心。
在开始设计UI之前,你需要确定产品定义。谁是你的用户?他们当然是iPhone或是iPod
Touch 的用户,但是使用我们 app 的人有什么特别的需要呢?他们想要加工照片,分
享照片。
对此,我们需要提供什么功能呢?我们需要有给图片增加小装饰,把处理好的图片电邮
给其他人。基于此,你就有了一个初步的产品定义。
现在,让我们来完善我们的产品定义,重点要问这几个问题:我们的 app 是怎么样的,
剩余61页未读,继续阅读


















Cafe_ING
- 粉丝: 3
- 资源: 5
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
最新资源
- ARM Cortex-A(armV7)编程手册V4.0.pdf
- ABB机器人保养总结解析.ppt
- 【超详细图解】菜鸡如何理解双向链表的python代码实现
- 常用网络命令的使用 ipconfig ping ARP FTP Netstat Route Tftp Tracert Telnet nslookup
- 基于单片机控制的DC-DC变换电路
- RS-232接口电路的ESD保护.pdf
- linux下用time(NULL)函数和localtime()获取当前时间的方法
- Openstack用户使用手册.docx
- KUKA KR 30 hA,KR 60 hA机器人产品手册.pdf
- Java programming with JNI
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制

评论5