IOS 初級開發入門教程(二)第一個HelloWorld工程及StoryBoard使用
前言
在IOS開發之路的博文第一章:(IOS開發入門介紹http://blog.csdn.net/csdn_aiyang)我大致系統介紹了有關IOS的一些基礎認識,如果不完全都記住沒關係,以後我們開發之路還很長,慢慢的自然而然就明白是怎麼回事了。這一篇我將手把手教大家完成第一個IOS專案——”Hello World“。
新建專案
1、開啟Xcode,點選 Create a new Xcode project
Xcode可以版本管理,選項 Check out an existing project 可以下載線上專案,如Github上的專案到本地開啟。
2、在新建專案的嚮導中選擇 Single View Application
3、進入一個專案的基本資訊設定的介面
- Product Name填寫專案名稱;
- Language選擇Objective-C;
- Devices選擇iPhone裝置或者iPad裝置或通用裝置(Universal);
- Organization Name公司組織名稱;
- Organization Identifier公司組織標識(很重要),類似Java包名。
4、選擇程式碼存放位置
5、初始的新專案
這裡,把我第一個博文裡的圖片拿過來看:
Xcode的左側是導航區域,包括:專案、符號、查詢、問題、測試、除錯、斷點、報告。
程式碼練習
點選左側專案導航中的 ViewController.m
在ViewController.m的程式碼中找到一個函式叫做viewDidLoad,這個函式裡已經有一行程式碼:
[super viewDidLoad];
在這行程式碼後面新增如下程式碼(其實在這句前後新增都可以,效果會有少許不同)
- (void)viewDidLoad {
[superviewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UILabel* label = [[UILabelalloc
//這一句建立了一個靜態文字控制元件,未指定內容、大小和位置
label.text=@"hello world";
//"@"的作用是把一個c風格的字串"hello world"包裝成一個NSString物件
[label sizeToFit];
//讓靜態文字的大小自適應內容
label.center =self.view.center;
//讓靜態文字居於整個檢視的中央
[self.viewaddSubview:label];
//將靜態文字新增到主檢視中
}
執行效果
在IDE的左上方三角形按鈕,點選執行或快捷鍵Command+R。
拖拽佈局
點選左側專案導航中的Main.stroyboard(ios5引入的新技術,視覺化編輯),可在編輯區開啟對應設計器。在類庫裡找到Button控制元件(輸入框可搜尋),在審查區可以對該控制元件設定屬性,比如設定字型大小為System 20.0;
執行效果
在IDE的左上方三角形按鈕,點選執行或快捷鍵Command+R。
Main.StoryBoard導航
上面HelloWorld工程中有一個Main.storyboard檔案,它被稱為“故事板”(storyboard)檔案。它可以描述應用中有哪些介面,介面有哪些控制元件以及它們的事件。此外,在包含多個檢視控制器的情況下,採用故事板管理比較方便,故事板能夠描述介面之間導航關係。
1、新建專案,選擇Tabbed APP ,Next~
2、在工程中,點選左側專案導航中的Main.stroyboard。可以看到,該應用包含兩個檢視,並且兩個檢視存在切換關係~
3、故事板中的 Scene 美 [sin]|英 [siːn] 、Segue 美 ['sɛɡwe]|英 ['segweɪ]
Scene和Segue是故事板中非常重要的兩個概念。每個檢視控制器都會對應一個Scene“場景”,可以理解為應用的一個介面或螢幕,其中有很多檢視或控制元件。這些Scene之間通過Segue“連線”,Segue不但定義了Scene之間的跳轉(或導航)方式,還體現了Scene之間的關係。
頁面跳轉的型別分為:Push、Modal、Popover和自定義方式。Scene跳轉型別還要跟具體的控制器結合使用。Push是樹形導航模式,Modal是模態導航模式,Popover是呈現浮動視窗,這些導航模式咱們後續再詳細逐一介紹。另外,除了Scene和Segue之外,故事板中還有關於表檢視單元格的一些新東西,這些我們也會在後續單獨逐一介紹。
末尾小結
好了,本篇對於初學者來說是比較容易上手的,如果對你有幫助,我就開心了。若有什麼地方寫的不對也還需指正!感謝花時間閱讀本篇。