IOS 開發筆記-基礎 UI（1）-簡單的計算器
姜糖水2015-02-26636閱讀
(1)UI是App的根基：一個App應該是先有UI界面，然后在UI的基礎上增加實用功能
(2)UI相對簡單易學：UI普遍是學習過程中最簡單的一塊，能快速擁有成就感和學習興趣
(3)UI至關重要：開發中的絕大部分時間都在處理UI
謹記一條IOS軟件開發定律：萬物皆對象，UI界面上的每一個元素都是一個對象
IOS，android 軟件開發過程
UIKit框架是跟UI有關系的，標簽，文本，按鈕，進度條，開關等控件，都是封裝在UIKit框架內部的，UIKit框架中提供了豐富多彩的可視化組件元素，利用UIKit框架提供的類來創建各種可視化組件對象，最后組成復雜而美觀的UI界面。
為了方便開發者開發出強大的功能，蘋果提供了各種各樣的框架
(1)UIKit：創建和管理應用程序的用戶界面
(2)QuartzCore：提供動畫特效以及通過硬件進行渲染的能力
(3)CoreGraphics：提供2D繪制的基于C的API
(4)CoreLocation：使用GPS和WIFI獲取位置信息
(5)MapKit：為應用程序提供內嵌地圖的接口
(6)AVFoundation：音頻、視頻處理
(7)……
在開發過程中需要用到一些特殊功能時，可以先嘗試使用系統自帶的框架。
通過一個簡單的計算器的開發，來學習和認識IOS 開發的基礎控件
分析：
(1)添加需要的控件，搭建UI界面：
1個按鈕、3個文本標簽（+，=，還有30的位置處）、2個文本輸入框
(2)監聽按鈕的點擊事件
(3)取得2個文本框值，將計算好的最終結果顯示到右邊的文本標簽上
什么是控件？
能在界面上看得到的，可以進行交互的，就是控件
常用的控件介紹：
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的子控件（子視圖）。
每一個新的界面都是一個新的UIView，在切換過程中，涉及到了：
1、UIView的創建和銷毀
2、UIView跟用戶的交互（處理UIView內部每一行的點擊）
這是視圖控制器 viewController 的工作，UIView 負責顯示，控制器來控制視圖。每當顯示一個新界面時，首先會創建一個新的UIViewController對象，然后創建一個對應的全屏UIView，UIViewController負責管理這個UIView。UIViewController就是UIView的大管家，負責創建、顯示、銷毀UIView，負責監聽UIView內部的事件，負責處理UIView與用戶的交互。大部分代碼都是寫在控制器。
UIViewController內部有個UIView屬性，就是它負責管理UIView對象
代碼如下：
@property(nonatomic,retain)UIView*view;
先進行 UI 設計，使用單視圖頁面進行開發（常用），Single View Application是最適合初學者的模板
項目創建完畢后，Xcode自動幫我們做了很多配置，也自動生成了很多文件，還能自動添加開發所依賴的框架。
認識故事板
箭頭表明：程序一啟動就會顯示箭頭所指的界面
在iOS5之前，蘋果使用xib文件來描述UI界面，在iOS5之后，蘋果采取了更加強大和先進的storyboard文件來描述界面（Xcode5是基于iOS7），因此，可以得出結論：修改項目中的Main.storyboard文件就可以修改UI界面。
打開Main.storyboard文件一看，里面有一個全白的界面，這個界面就是模擬器上顯示的界面。
往storyboard的界面中添加其他控件，得顯示工具欄
建議使用九宮格排列控件圖標，這樣一次性看到的控件多，視野大。
把需要的控件，拖拽到故事板上，進行 UI 設計。單擊選中某個控件后，可以在右邊的菜單工具欄中更改控件的屬性
注意：在屬性查看器里，更改控件顯示的內容，控件不會自動調節自己的寬度，而雙擊控件填寫內容，控件會自動調整寬度來適應填寫的內容。
各個控件，不僅可以用鼠標控制間距和位置，也能選中之后，使用方向鍵微調。
使用 command+r 運行程序，查看效果
注意，蘋果 APP 審核規定，在應該使用數字的地方，必須只能輸入數字，否則無法通過。也就是說，本來應該輸入數字，最起碼彈出的鍵盤應該是數字鍵盤，而不是如圖所示。改進方法：在屬性查看器里，找到 keyboard 屬性，修改為 number。
兩個文本輸入框都設置好即可。
下面實現，點擊按鈕『計算』，進行加法的計算：
使用一個如下的編輯模式，點擊助理編輯器
進行關聯操作，方法左邊的圈圈由空心變為實心，說明已經跟某個按鈕進行了連線
OC 中，和界面關聯的方法，通常用 IB 開頭（Interface builder），下面是 點m 文件：
-(IBAction)compute{NSLog(@"點擊按鈕進行計算：");//通過此方法，拿到兩個文本框的輸入值NSString*str1=self.num1.text;NSString*str2=self.num2.text;//把輸入的值相加//把文本轉換為數值使用 intValueintresult=str1.intValue+str2.intValue;//把結果顯示到規定的標簽//把整數轉換為字符串self.sum.text=[NSStringstringWithFormat:@"%d",result];}
小結：
IOS 程序的開發步驟：
1、設計界面
2、連線關聯
3、寫代碼實現功能（最難，最復雜 ）
IBAction 和 IBOutlet
1、IBAction，從返回值角度上看，作用相當于void，只有返回值聲明為IBAction的方法，才能跟storyboard中的控件進行連線
2、IBOutlet 用來和界面的元素建立關系，用來修改，獲得界面控件的屬性，故對應的是@property，而 IBAction 對應的是方法。
只有聲明為IBOutlet的屬性，才能跟storyboard中的控件進行連線。
UIViewController是負責程序的控制，相當于管家的角色，而UIView 是負責界面的展示，聯系 MVC 模式。
嚴格來講，下圖箭頭所指的應該是一個UIViewController對象，里面白色的界面僅僅是UIViewController內部的UIView屬性
故事板：
本質是一個 xml 文件，可以手動的設置程序啟動時加載的storyboard是哪個
這個設置表明：程序啟動時會加載Main.storyboard
了解延遲加載和懶加載的概念
在程序需要的時候，才加載到內存里，效率上變低了，但是程序的內存消耗小了，這就是蘋果手機的性能優化的好的原因之一！
簡單加法計算器的運行過程
1.讀取Main.storyboard文件
2.創建箭頭所指的ViewController對象
3.根據storyboard文件中描述創建ViewController的UIView對象
4.將UIView對象顯示到用戶眼前
現在已經知道：應該由ViewController來監聽按鈕的點擊,換句話說，ViewController應該提供一個方法出來，當用戶點擊按鈕時，就調用這個方法來通知ViewController按鈕被人點了。ViewController就在這個方法中實現想做的任何事情，比如計算2個文本輸入框內值的和。
退出鍵盤的兩種方式
resignFirstResponder
當叫出鍵盤的那個控件(第一響應者)調用這個方法時，就能退出鍵盤
endEditing
只要調用這個方法的控件內部存在第一響應者，就能退出鍵盤
蘋果官方建議：從 xcode5開始，把不對外開放的屬性和方法聲明，放到 .m 文件內。
完整代碼
////? ViewController.h//? 加法計算器////? Created by 大帥 on 15-2-10.//? Copyright (c) 2015年 dashuai. All rights reserved.//#import @interfaceViewController:UIViewController//聲明一個計算的對象方法-(IBAction)compute;//帶有 IBOutlet ，才能修改和獲得控件的屬性@property(weak,nonatomic)IBOutletUITextField*num1;@property(weak,nonatomic)IBOutletUITextField*num2;@property(weak,nonatomic)IBOutletUILabel*sum;@end
////? ViewController.m//? 加法計算器////? Created by 大帥 on 15-2-10.//? Copyright (c) 2015年 dashuai. All rights reserved.//#import "ViewController.h"@interfaceViewController()@end@implementationViewController-(void)viewDidLoad{[superviewDidLoad];// Do any additional setup after loading the view, typically from a nib.}-(void)didReceiveMemoryWarning{[superdidReceiveMemoryWarning];// Dispose of any resources that can be recreated.}//帶有 IBAction 的方法，才能和控件關聯-(IBAction)compute{NSLog(@"點擊按鈕進行計算：");//通過此方法，拿到兩個文本框的輸入值NSString*str1=self.num1.text;NSString*str2=self.num2.text;//把輸入的值相加//把文本轉換為數值使用 intValue方法intresult=str1.intValue+str2.intValue;//把結果顯示到規定的標簽//把整數轉換為字符串self.sum.text=[NSStringstringWithFormat:@"%d",result];//記住一個 OOP 設計的習慣規則//關閉鍵盤//也就是說：誰創建對象，誰負責銷毀對象,因為手機內存，寸土寸金！//誰打開鍵盤，誰關閉鍵盤//調用第一響應者，就是打開鍵盤的那個控件，關閉鍵盤//[self.num1 resignFirstResponder];//[self.num2 resignFirstResponder];//或者使用強行關閉鍵盤的方法,YES or NO[self.view endEditing:YES];//NO 也能關閉，但是和 YES 有區別，涉及到了多線程的問題！ 不糾結，就永遠寫成 YES。如果是 NO，保不齊某些情景，就不一定能關閉。}@end
