@導讀
從Object C到實戰,第一課主要介紹學習方法和可以參考的資料。
學習方法,需要多練習,遇到問題多查資料。
學習資源:官方文檔(如APP store,Xcode文檔,IOS開發者中心);第三方資料(github技術性文檔的網站);書籍;WWDC資料。
@Hello World
通過一個簡單的APP的UI設計簡單說明了Xcode操作界面,如下圖:
注意:libraries那一塊是放有各種空間,如label,text,image等控件,通過右下角的搜索欄可快速查找到控件,直接拖到storyboard中就可以編輯。
App的代碼結構:包含main函數,UIApplicantion對象,UIApplicantionDelegate。
Bundle:bundle是一個目錄,其中包含了程序會使用到的資源.這些資源包含了如圖像,聲音,編譯好的代碼,nib文件(用戶也會把bundle稱為plug-in).對應bundle,cocoa提供了類NSBundle,可以用來定義mainbundle,并對控件做操作。
Label:用來在界面上顯示一些信息的一個控件,可以通過inspector下的區域來定義類似顯示內容,顯示內容格式,顏色等屬性。也可以在viewcontroller.m文件中創建outlet來定義。
@Button
這節內容通過制作一個簡單app,說明了UITextField,UIButton和UILabel這幾個控件。
UIButton:開關控件,可以通過建立Outlet連接和IBAction連接來申明并賦予開關控件一些開關功能。
在屬性那邊可以調整UIButton的樣式(如Custom(可插圖),system(主要就是mac中常見的圖標)),狀態(Normal,高亮)等。
同樣也可用代碼創建并添加響應,如下圖所示:
簡單說明下,UIControlEvent,有TouchUpOutside,TouchInside,Did End On Exit等,主要是指響應動作,比如說點下去就觸發,點下去移動后觸發等。
UITextField:文本框,主要說明placeholder里輸入提示性語言,在沒有輸入時顯示成灰色。
可以用Did End On Exit來定義當點文本框之外地方,鍵盤消失。
@Image
UIImage也可以通過library中直接拖動控件來放到界面,調整屬性(定義圖片將要放入的位置,范圍,圖片填充效果,透明度等屬性)。
管理圖片可以通過Asset Catalog(Asset.xcassets)管理,將圖片直接拖入改文件,選擇1x,2x,3x等大小,再在界面放入的控件中選擇放入圖片,亦或用UIImage相關代碼進行相應操作。
做個簡單說明,Applcon是用來放入適用于各種IOS設備分辨率的應用的圖標。
代碼加載圖片的方法如下:
動畫,用animation的相關代碼進行定義和設置,相關的代碼如下圖:
其他具體的操作待遇到后再詳細說明。
矢量圖:可以通過熟悉的工具來制作,也可以通過Keynote工具,在屬性欄或用代碼進行相應設置。
@猜城市
將各種控件聯合運用,同時注意將需求轉化為代碼時需要具體考慮的因素。