文档介绍：第一个iOS程序
iOS学科
第一个iOS程序简介
初学iOS开发,研究的程序不要过于复杂,应该从最基本的开始
大房子都是由小砖一块一块堆成的,而大型App是由无数个小程序段组成的
实现一个简单的“加法计算器”,作为第一个iOS程序
分析可得,至少需要开发步骤:
添加需要的控件,搭建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的子控件(子视图)