软件开发流程
流程.png
第一个iOS程序 * Hello world!*
hello world.png
什么是UI界面
- UI（user interface）就是用户交互界面，可以说要学好iOS，就必须学好UI
- 可以得出一个结论：UI界面上的每一个元素都是一个对象，比如：
- 一张图片是一个UIImageView对象
- 一段文字是一个UILabel对象
- 一只按钮是一个UIButton对象
- 。。。。。。
UI控件一览
UI控件一览.png
storyboard文件的认识
- 作用：描述软件界面
- 程序启动的简单过程
- 程序一启动，就会加载
Main.storyboard文件 - 会创建箭头所指的控制器，并且显示控制器所管理的软件界面
- 程序一启动，就会加载
-
配置程序一启动就会加载的storyboard文件
Snip20150616_115.png
控制器
- 概念：凡是继承自UIViewController的对象，都叫做控制器
- 注意：每一个控制器都会专门管理一个软件界面
- 作用：负责处理软件界面的各种事件、负责软件界面的创建和销毁
IBAction
- 只能修饰方法的返回值类型
- 被IBAction修饰的方法
- 能拖线到storyboard中
- 返回值类型实际是void
- 使用格式
- (IBAction)buttonClick
{
}
IBOutlet
- 只能修饰属性
- 被IBOutlet修饰的属性
- 能拖线到storyboard中
- 使用格式
@property (nonatomic, weak) IBOutlet UILabel *label;
关于IBAction、IBOutlet前缀IB的解释
- 全称：Interface Builder
- 以前的UI界面开发模式：Xcode3 + Interface Builder
- 从Xcode4开始，Interface Builder已经整合到Xcode中了
类扩展(Class Extension)
- 作用
- 能为某个类增加额外的属性、成员变量、方法声明
- 一般将类扩展写到.m文件中
一般将一些私有的属性写到类扩展
- 使用格式
@interface 类名()
/* 属性、成员变量、方法声明 */
@end
- 与分类的区别
- 分类的小括号必须有名字
@interface 类名(分类名字) /* 方法声明 */ @end @implementation 类名(分类名字) /* 方法实现 */ @end- 分类只能扩充方法
- 如果在分类中声明了一个属性，分类只会生成这个属性的get\set方法声明
项目的常见属性
- Product Name
- 产品名称
- 项目名称
- 软件名称
- Organization Name
- 公司名称
- Organization Identifier
- 公司的唯一标识
- 一般用网站域名的反写形式
- Bundle Identifier
- 软件的唯一标识
- 默认 == Organization Identifier + Product Name
第一个小项目——切换文字颜色
改变文字颜色.png
开发大致步骤
- 添加所需要的UI元素：3个按钮（UIButton）、1个文本标签（UILabel）
- 监听3个按钮的点击事件
- 改变文本标签的文字颜色
实例
```objc
#pragma mark - 点击红色的按钮
-(IBAction)clickRedButton:(UIButton *)button {
NSLog(@"%@", button);
// 改变文本的颜色
self.label.textColor = [UIColor redColor];
// 设置背景颜色
self.label.backgroundColor = [UIColor blackColor];
// 设置文本的对齐方式
self.label.textAlignment = NSTextAlignmentCenter;
// 设置字体的大小
self.label.font = [UIFont systemFontOfSize:10];
}
```
第二个小项目——UIView的常见属性(尺寸和位置)
先了解父控件、子控件
- 可以将A控件放入B控件
- A控件是B控件的子控件
- B控件是A控件的父控件
UIView的常见方法
- 添加一个子控件view
- (void)addSubview:(UIView *)view; - 将自己从父控件中移除
- (void)removeFromSuperview; - 根据一个tag标识找出对应的控件（一般都是子控件）
- (UIView *)viewWithTag:(NSInteger)tag;
UIView的常见属性
- 控件矩形框在父控件中的位置和尺寸(以父控件的左上角为坐标原点)
@property(nonatomic) CGRect frame; - 控件矩形框的位置和尺寸(以自己左上角为坐标原点，所以bounds的x、y一般为0)
@property(nonatomic) CGRect bounds; - 控件中点的位置(以父控件的左上角为坐标原点)
@property(nonatomic) CGPoint center; - 获得自己的父控件对象
@property(nonatomic,readonly) UIView *superview; - 获得自己的所有子控件对象
@property(nonatomic,readonly,copy) NSArray *subviews; - 控件的ID(标识)，父控件可以通过tag来找到对应的子控件
@property(nonatomic) NSInteger tag; - 控件的形变属性(可以设置旋转角度、比例缩放、平移等属性)
@property(nonatomic) CGAffineTransform transform;
优秀的封装代码一览
```obj
//这段代码可以完成对四个按钮的监听
- (IBAction)move:(UIButton *)button {
// 通过临时变量获取对象的结构体属性的值
CGPoint tempCenter = self.redView.center;
NSInteger offSet = 20; // 偏移量
switch (button.tag) {
case 1: // 向上
tempCenter.y -= offSet;
break;
case 2: // 向下
tempCenter.y += offSet;
break;
case 3: // 向左
tempCenter.x -= offSet;
break;
case 4: // 向右
tempCenter.x += offSet;
break;
default:
break;
}
// 重新赋值
self.redView.center = tempCenter;
```
常见错误
-
第1个错误
- 错误描述：
[<ViewController 0x7fdc0152d300> setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key label.- 原因：IBOutlet属性代码被删掉了，但是属性连线还在
- 解决：将残留的连线删掉
-
第2个错误
- 错误描述：
-[ViewController blueClick]: unrecognized selector sent to instance 0x7ff59d014320
```
- 原因：调用了一个不存在的方法
- 解决：认真检查方法名，使用正确并且存在的方法名
