A Simple ios Application

Size: px

Start display at page:

Download "A Simple ios Application"

悍染鱼
5 years ago
Views:

1 A Simple ios Application

2 第一个 ios 应用 :Quiz

3 views UIButton UIView... UIAlertVie w UIScrollVi ew UISearchB ar UIWebVie w UIControl UIButton... UISlider UITextFie ld UIPageC ontrl UIDatePi cker UIButton

4 创建一个 Xcode 项目

5 Single View Application

6 Mouse over -> 简介

7 导航区域 Project Symbol Search Issue Debug Breakpoint Log

8 Project navigator files folders template groups

9 构建界面

10 对象编辑器 (Object editor) interface builder - 创建和配置视图对象 XIB file - archive

11 XIB file & NIB file archived objects 的 XML 表示容易编辑 NIB file 更小易于解析构建过程中 - 编译过的 NIB 文件被拷贝进了应用程序的 bundle

12 bundle 一个包含应用程序可执行文件和可执行文件使用的所有资源的目录

13 NIB 文件的加载加载 NIB 文件 - 使 archive 在其中的对象变得可用只有一个 NIB 文件 - 当应用程序第一次启动时就被加载复杂的应用程序可以拥有很多 NIB 文件 - 被用到的时候才被加载

14 编辑器区域 dock view: 显示 XIB 文件中的对象 dock view 可以展开成 Outline view canvas

15 outline view -> three objects File s Owner First Responder View

16 canvas 部分在 outline 中点击 View 对象 -> 在 canvas 中显示在视图周围的蓝色阴影区域拖动 -> 移动 canvas( 重新组织 canvas) 点击左上角的 x 符号 -> 关闭视图在 canvas 区域的 view 对象 -> 和要在应用程序中呈现的一致

area utilities area 有两个部分 : inspector 和 library 顶部是 inspector,

17 utilities area 四个额外的用户界面元素 : 两个文本标签和两个按钮 Xcode s toolbar -> View: 切换 navigator, debug area, 和 utilities area 点击右边的按钮以显示 utilities area utilities area 有两个部分 : inspector 和 library 顶部是 inspector, 包含了当前显示在编辑器区域的文件的设置底部的区域是 library, 列出了可以添加到文件或者项目中的条目相对大小 -> 拖动它们之间的线

18 object library 每个 section 上面有一个各类 inspector 和 library 的 selector object library: 包含可以添加到 XIB 文件的 objects Label object search bar

19 两个 Label 和 Button, 行为, 外观和实例变量 UILabel UIButton 标签和按钮都是对象, 对象具有指定他们行为和外观的实例变量例如, 当你给一个按钮输入一个 title 时, 你就设置了按钮的 title 实例变量你可以在 canvas 上直接编辑一些实例变量, 但是大多数必须在 attributes inspector 中编辑

20 attributes inspector

21 Model-View-Controller

22 MVC 任何一个对象都是下列之一 : model 对象 view 对象 controller 对象

23 View 对象对用户可见按钮, 标签等, 一般是 UIView 的子类自定义视图类 :DangerMeterView 或 IncomeGrapView

24 Model 对象持有数据对界面一无所知一般使用标准的集合类 (NSArray, NSDictionary,NSSet) 标准数据类型 :NSString, NSDate, NSNumber 自定义类

25 controller 对象应用的管理者保持 view 和 model 对象同步控制应用流程保存 model 对象到文件系统可重用程度较低名字类似 :ScheduleController, ScoreViewController

26 MVC 模式

27 Quiz 对象图解

28 声明

29 声明 relationships responsibilities 5 个实例变量 2 个方法 QuizViewController.h

30 声明变量 questions 指向包含 NSString 实例的 NSMutableArray 的指针 answers 另一个指向包含 NSString 实例的 NSMutableArray 的指针 currentquestionindex 持有 question 数组中当前 question 索引的 int 变量 questionfield 显示当前问题的 UILabel 对象的指针 answerfield 显示当前问题答案的 UILabel 对象的指针

31 code QuizViewController : UIViewController int currentquestionindex; // model 对象 NSMutableArray *questions; NSMutableArray *answers; // view 对象 IBOutlet UILabel *questionfield; IBOutlet UILabel *answerfield;

32 声明方法 QuizViewController : UIViewController int currentquestionindex; // model 对象 NSMutableArray *questions; NSMutableArray *answers; } // view 对象 IBOutlet UILabel *questionfield; IBOutlet UILabel *answerfield; - (IBAction)showQuestion:(id)sender; -

33 IBAction 和 IBOutlet 把 controller 和 XIB 文件中的 view 对象连接起来

34 建立连接

35 connection 两个对象可以一起工作 xib 加载以后,controller 需要知道 Label 在内存中的位置, 以告知他们显示什么 button 需要知道 controller 在什么地方, 以便在按钮按下后可以通知 controller

36 当前的连接和需要建立的连接

37 missing connections QuizViewController, 需要有一个指向 UILabel 实例的指针, 这样 controller 就可以告诉 Label 显示什么 UIButton 实例必须有一个指向 QuizViewController 的指针, 以便可以在被按下时给 Controller 发送消息

38 设置 questionfield 指针

39 设置 answerfield 指针

40 targets 和 actions 点击 UIButton, 发送 message 到另一个对象 ; 被发送 message 的对象叫做 target message 称做 action, 并且是 button 点击时被触发的方法的名称 button 要回答两个问题 :target 是谁?action 是什么? 对 Show Question 而言, 我们希望 target 是 QuizViewController, action 是 showquestion:

41 targets 和 actions 设置按住 Control, 从 object(uibutton) 拖到 target(file s Owner) 松开鼠标,target 被设置, 弹出菜单让你选择 action

42 设置 targets 和 actions

43 connections 概述设置了指针 questionfield 和 answerfield 分别指向对应的 labels QuizViewController 是两个按钮的 target 项目模版生成了一个附加的 connection: QuizViewController 的 view outlet 被连接到了呈现应用背景的 View 对象

44 connections inspector

45 实现方法

46 模板代码 viewdidload viewdidunload shouldautorotatetointerfaceorientation

initwithnibname:bundle: { - (id)initwithnibname:(nsstring *)nibnameornil bundle:(nsbundle *)nibbundleornil // 调用父类实现的 init 方法 self = [super initwithnibname:nibnameornil bundle:nibbundleornil]; if

47 initwithnibname:bundle: { - (id)initwithnibname:(nsstring *)nibnameornil bundle:(nsbundle *)nibbundleornil // 调用父类实现的 init 方法 self = [super initwithnibname:nibnameornil bundle:nibbundleornil]; if (self) { // 创建两个数组, 并且让指针指向他们 questions = [[NSMutableArray alloc] init]; answers = [[NSMutableArray alloc] init]; // 添加 questions 和 answers 到这些数组 [questions addobject:@"html5 中基于分辨率的画布元素叫什么名字?"]; [answers addobject:@"canvas"]; [questions addobject:@"web Sockets 使用的是 HTTP 协议吗?"]; [answers addobject:@" 不是 "]; } [questions addobject:@"node.js 主要是前端脚本还是服务器端脚本?"]; [answers addobject:@" 服务器端 "]; } // 返回新对象的地址 return self;

48 code-completion 和 placeholders double-check 代码完成给出的建议注意使用自己的参数换掉 placeholders

49 IBOutlet view 对象一般在 XIB 文件中创建 model 对象总是通过可编程的方式创建

50 实现两个 action 修改 QuizViewController.m 文件把下面的代码放到 initwithnibname:bundle: 指示符之前

51 { } - (IBAction)showQuestion:(id)sender // 跳到下一个问题 currentquestionindex++; // 判断是否到了最后一个问题 if (currentquestionindex == [questions count]) { // 回到第一个问题 currentquestionindex = 0; } // 拿到索引指定的问题数组中的字符串 NSString *question = [questions objectatindex:currentquestionindex]; // 在控制台打印字符串 NSLog(@" 当前显示问题 :%@", question); // 在 question field 显示字符串 [questionfield settext:question]; // 清除答案字段 [answerfield settext:@"???"]; - (IBAction)showAnswer:(id)sender { // 当前问题的答案是什么? NSString *answer = [answers objectatindex:currentquestionindex]; } // 在答案字段显示 [answerfield settext:answer];

52 构建并在模拟器中运行

53 Build and Run on the Simulator 编译并运行 : Command-R

54 issue navigator issue navigator:command-4 点击 issue 定位到源文件和出问题的代码行

55 debug area 查看 console

56 应用部署

57 部署准备开发者证书使用 Keychain Access 添加证书文件到 Mac 的密钥链, 用来给代码进行数字签名 provisioning profile 位于开发设备和电脑上的文件包括一个开发者证书, 一个单独的 App ID, 以及可以安装这个应用的设备的 device ID 的列表后缀是 :mobileprovision Device ID(UDID) 唯一标识一个 ios 设备 App ID 和 Bundle identifier application identifier 是用于在 App Store 唯一标识你的应用的字符串, 一般看起来像这样 :org.tfan.awesomeapp

58 部署流程 Xcode 使用电脑上的 provisioning profile 访问适当的证书这个证书被用来给 application 的二进制文件签名开发者设备的 UDID 被用来跟 provisioning profile 中的 UDID 之一进行匹配,App ID 跟 bundle identifier 进行匹配签名后的二进制文件被发送到开发设备在设备上的 provisioning profile 再用来跟签名过的二进制文件进行确认最后, 启动

59 Organizer 窗口

60 在设备上运行

61 应用图标

62 图标图标就是在 ios 桌面上表示应用程序的简单的图片 ; 不设置图标就是纯白平铺的效果 ;

63 不同的设备需要不同大小的图标设备图标大小 iphone/ipod touch( 非 Retina) 57x57 像素 iphone/ipod touch(retina) 114x114 像素 ipad 72x72 像素 Retina ipad 144x144 像素

64 缩放如果你只提供了一个 57x57 像素的图片, 在需要更大 icon 的设备上, 图片会被按比例放大因此发布到 App Store 的应用应该为每一类设备都提供一个 icon

65 Icon 的圆角效果是 ios 实现的

66 代码和资源代码 ( 像 QuizViewController.h 和 QuizViewController.m) 被用来生成应用程序本身 ; 资源是指像图片, 声音之类的应用程序在运行时需要用到的东西 ; XIB 文件, 在运行时被读取, 因此也属于资源

67 在 summary 面板添加 Icon

68 拖拽 image 文件到 icon 区块 image 文件被添加到项目 QuizInfo.plist 文件中多了两个条目

69 启动图片

70 launch image 的作用应用正在加载时显示, 否则用户在此过程中只会看到黑色屏幕描绘应用一旦完成启动后用户将要与之交互的用户界面

71 launch 示例

72 不同设备的 Launch image 大小设备大小 iphone/ipod touch( 普通 ) 320x480 iphone/ipod touch(retina 3.5-inch) 640x960 Retina iphone 4-inch 640x1136

73 Launch Images

mvc

mvc Build an application Tutor : Michael Pan Application Source codes - - Frameworks Xib files - - Resources - ( ) info.plist - UIKit Framework UIApplication Event status bar, icon... delegation [UIApplication