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