代码控件一个程序.pptx

第一个iOS程序讲师：李明杰技术博客：新浪微博：

第一个iOS程序简介初学iOS开发，研究的程序不要过于复杂，应该从最基本的开始大房子都是由小砖一块一块堆成的，而大型app是由无数个小程序段组成的接下来实现一个简单的“加法计算器”，作为第一个iOS程序（HelloWorld）分析可得，至少需要开发步骤：添加需要的控件，搭建UI界面：1个按钮、3个文本标签、2个文本输入框监听按钮的点击事件取得2个文本框值，将计算好的最终结果显示到右边的文本标签上

掌握往storyboard中添加控件UIViewController和UIView的关系程序的运行过程IBAction、IBOutlet的作用如何监听控件的事件（比如按钮的点击事件）父控件和子控件的概念退出键盘

作业制作一个QQ登录界面要求：QQ文本框要有“请输入QQ”的文字提示（用户输入文字时会自动消失）密码文本框要有“请输入密码”的文字提示（用户输入文字时会自动消失）QQ文本框只能输入数字密码文本框的文字必须是暗文显示点击登录按钮后输出用户输入的QQ和密码，并且退出键盘

Storyboard文件在iOS5之前，苹果使用xib文件来描述UI界面在iOS5之后，苹果采取了更加强大和先进的storyboard文件来描述界面（Xcode5是基于iOS7的）左边的箭头表明：程序一启动就会显示箭头所指的界面

UILabel–文本标签文本标签的作用仅仅是显示一串固定的文字

UIButton–按钮按钮的作用是：监听用户的点击事件，在用户点击后做出反应

UITextField–文本输入框文本输入框可以弹出键盘，让用户输入一些具体的值

UIView屏幕上能看得见摸得着的东西就是UIView，比如屏幕上的按钮、文字、图片一般翻译叫做：视图\控件\组件UIButton、UILabel、UITextField都继承自UIView每一个UIView都是一个容器，能容纳其他UIView（比如右图中的整个键盘是一个UIView，里面容纳很多小格子的数字UIView）

父控件和子控件在“加法计算器”中，最后面那块白色的全屏的东西也是一个UIView白色的大UIView中容纳了很多小的UIView，视图层次结构如下图所示在白色的大UIView中，容纳了6个小UIView（1个UIButton、2个UITextField、3个UILabel）这种情况下，我们可以称白色的大UIView为6个小UIView的父控件（父视图），6个小UIView都是白色大UIView的子控件（子视图）

UIViewController手机上自带的“设置”中有很多的界面，点击对应的选项可以跳到下一个界面每一个新的界面都是一个新的UIView，在切换过程中，涉及到了：UIView的创建和销毁UIView跟用户的交互（处理UIView内部每一行的点击）

UIViewController其实，每当显示一个新界面时，首先会创建一个新的UIViewController对象，然后创建一个对应的全屏UIView，UIViewController负责管理这个UIViewUIViewController就是UIView的大管家，负责创建、显示、销毁UIView，负责监听UIView内部的事件，负责处理UIView与用户的交互UIViewController内部有个UIView属性，就是它负责管理的UIView对象：@property(nonatomic,retain)UIView*view;

UIViewController严格来讲，下图箭头所指的应该是一个UIViewController对象，里面白色的界面仅仅是UIViewController内部的UIView属性

UIViewController箭头所指UIViewController的真实类型是MJViewController

加法计算器程序的运行流程综合分析，可以得出程序的简单运行流程：读取Main.storyboard文件创建箭头所指的MJViewController对象根据storyboard文件中描述创建MJViewController的UIView对象将UIView对象显示到用户眼前

如何监听按钮点击现在已经知道：应该由MJViewController来监听“计算”按钮的点击换句话说，MJViewController应该提供一个方法出来，当用户点击“计算”按钮时，就调用这个方法来通知MJViewController按钮被人点了MJViewController就在这个方法中实现想做的任何事情，比如计算2个文本输入框内值的和

补充问题IBAction和IBOutlet究竟有什么作用？还有其他拖线方式么？Storyboard文件中箭头的含义？如何更换storyboard文件