軟件開發(fā)流程
流程.png
第一個(gè)iOS程序 * Hello world!*
hello world.png
什么是UI界面
- UI（user interface）就是用戶交互界面，可以說要學(xué)好iOS，就必須學(xué)好UI
- 可以得出一個(gè)結(jié)論：UI界面上的每一個(gè)元素都是一個(gè)對(duì)象，比如：
- 一張圖片是一個(gè)UIImageView對(duì)象
- 一段文字是一個(gè)UILabel對(duì)象
- 一只按鈕是一個(gè)UIButton對(duì)象
- 。。。。。。
UI控件一覽
UI控件一覽.png
storyboard文件的認(rèn)識(shí)
- 作用：描述軟件界面
- 程序啟動(dòng)的簡(jiǎn)單過程
- 程序一啟動(dòng)，就會(huì)加載
Main.storyboard文件 - 會(huì)創(chuàng)建箭頭所指的控制器，并且顯示控制器所管理的軟件界面
- 程序一啟動(dòng)，就會(huì)加載
-
配置程序一啟動(dòng)就會(huì)加載的storyboard文件
Snip20150616_115.png
控制器
- 概念：凡是繼承自UIViewController的對(duì)象，都叫做控制器
- 注意：每一個(gè)控制器都會(huì)專門管理一個(gè)軟件界面
- 作用：負(fù)責(zé)處理軟件界面的各種事件、負(fù)責(zé)軟件界面的創(chuàng)建和銷毀
IBAction
- 只能修飾方法的返回值類型
- 被IBAction修飾的方法
- 能拖線到storyboard中
- 返回值類型實(shí)際是void
- 使用格式
- (IBAction)buttonClick
{
}
IBOutlet
- 只能修飾屬性
- 被IBOutlet修飾的屬性
- 能拖線到storyboard中
- 使用格式
@property (nonatomic, weak) IBOutlet UILabel *label;
關(guān)于IBAction、IBOutlet前綴IB的解釋
- 全稱：Interface Builder
- 以前的UI界面開發(fā)模式：Xcode3 + Interface Builder
- 從Xcode4開始，Interface Builder已經(jīng)整合到Xcode中了
類擴(kuò)展(Class Extension)
- 作用
- 能為某個(gè)類增加額外的屬性、成員變量、方法聲明
- 一般將類擴(kuò)展寫到.m文件中
一般將一些私有的屬性寫到類擴(kuò)展
- 使用格式
@interface 類名()
/* 屬性、成員變量、方法聲明 */
@end
- 與分類的區(qū)別
- 分類的小括號(hào)必須有名字
@interface 類名(分類名字) /* 方法聲明 */ @end @implementation 類名(分類名字) /* 方法實(shí)現(xiàn) */ @end- 分類只能擴(kuò)充方法
- 如果在分類中聲明了一個(gè)屬性，分類只會(huì)生成這個(gè)屬性的get\set方法聲明
項(xiàng)目的常見屬性
- Product Name
- 產(chǎn)品名稱
- 項(xiàng)目名稱
- 軟件名稱
- Organization Name
- 公司名稱
- Organization Identifier
- 公司的唯一標(biāo)識(shí)
- 一般用網(wǎng)站域名的反寫形式
- Bundle Identifier
- 軟件的唯一標(biāo)識(shí)
- 默認(rèn) == Organization Identifier + Product Name
第一個(gè)小項(xiàng)目——切換文字顏色
改變文字顏色.png
開發(fā)大致步驟
- 添加所需要的UI元素：3個(gè)按鈕（UIButton）、1個(gè)文本標(biāo)簽（UILabel）
- 監(jiān)聽3個(gè)按鈕的點(diǎn)擊事件
- 改變文本標(biāo)簽的文字顏色
實(shí)例
```objc
#pragma mark - 點(diǎn)擊紅色的按鈕
-(IBAction)clickRedButton:(UIButton *)button {
NSLog(@"%@", button);
// 改變文本的顏色
self.label.textColor = [UIColor redColor];
// 設(shè)置背景顏色
self.label.backgroundColor = [UIColor blackColor];
// 設(shè)置文本的對(duì)齊方式
self.label.textAlignment = NSTextAlignmentCenter;
// 設(shè)置字體的大小
self.label.font = [UIFont systemFontOfSize:10];
}
```
第二個(gè)小項(xiàng)目——UIView的常見屬性(尺寸和位置)
先了解父控件、子控件
- 可以將A控件放入B控件
- A控件是B控件的子控件
- B控件是A控件的父控件
UIView的常見方法
- 添加一個(gè)子控件view
- (void)addSubview:(UIView *)view; - 將自己從父控件中移除
- (void)removeFromSuperview; - 根據(jù)一個(gè)tag標(biāo)識(shí)找出對(duì)應(yīng)的控件（一般都是子控件）
- (UIView *)viewWithTag:(NSInteger)tag;
UIView的常見屬性
- 控件矩形框在父控件中的位置和尺寸(以父控件的左上角為坐標(biāo)原點(diǎn))
@property(nonatomic) CGRect frame; - 控件矩形框的位置和尺寸(以自己左上角為坐標(biāo)原點(diǎn)，所以bounds的x、y一般為0)
@property(nonatomic) CGRect bounds; - 控件中點(diǎn)的位置(以父控件的左上角為坐標(biāo)原點(diǎn))
@property(nonatomic) CGPoint center; - 獲得自己的父控件對(duì)象
@property(nonatomic,readonly) UIView *superview; - 獲得自己的所有子控件對(duì)象
@property(nonatomic,readonly,copy) NSArray *subviews; - 控件的ID(標(biāo)識(shí))，父控件可以通過tag來找到對(duì)應(yīng)的子控件
@property(nonatomic) NSInteger tag; - 控件的形變屬性(可以設(shè)置旋轉(zhuǎn)角度、比例縮放、平移等屬性)
@property(nonatomic) CGAffineTransform transform;
優(yōu)秀的封裝代碼一覽
```obj
//這段代碼可以完成對(duì)四個(gè)按鈕的監(jiān)聽
- (IBAction)move:(UIButton *)button {
// 通過臨時(shí)變量獲取對(duì)象的結(jié)構(gòu)體屬性的值
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;
```
常見錯(cuò)誤
-
第1個(gè)錯(cuò)誤
- 錯(cuò)誤描述：
[<ViewController 0x7fdc0152d300> setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key label.- 原因：IBOutlet屬性代碼被刪掉了，但是屬性連線還在
- 解決：將殘留的連線刪掉
-
第2個(gè)錯(cuò)誤
- 錯(cuò)誤描述：
-[ViewController blueClick]: unrecognized selector sent to instance 0x7ff59d014320
```
- 原因：調(diào)用了一個(gè)不存在的方法
- 解決：認(rèn)真檢查方法名，使用正確并且存在的方法名
