IOS 初級開發入門教程（二）第一個HelloWorld工程及StoryBoard使用

hunhun1122發表於2018-05-18
iOS

前言

這一篇我將手把手教大家完成第一個IOS專案——”Hello World“。


新建專案

1、開啟Xcode，點選  Create a new Xcode project

Xcode可以版本管理，選項 Check out an existing project 可以下載線上專案，如Github上的專案到本地開啟。


2、在新建專案的嚮導中選擇 Single View Application ，Next


3、進入一個專案的基本資訊設定的介面

  • Product Name填寫專案名稱；
  • Language選擇Objective-C；
  • Devices選擇iPhone裝置或者iPad裝置或通用裝置(Universal)；
  • Organization Name公司組織名稱；
  • Organization Identifier公司組織標識（很重要），類似Java包名。

4、選擇程式碼存放位置


5、初始的新專案


這裡，把我第一個博文裡的圖片拿過來看：

這裡寫圖片描述

Xcode的左側是導航區域，包括：專案、符號、查詢、問題、測試、除錯、斷點、報告。

程式碼練習

點選左側專案導航中的 ViewController.m （.m檔案就是Objective-C的實現檔案）。

在ViewController.m的程式碼中找到一個函式叫做viewDidLoad，這個函式裡已經有一行程式碼:

[super viewDidLoad];

在這行程式碼後面新增如下程式碼（其實在這句前後新增都可以，效果會有少許不同)

- (void)viewDidLoad {

    [superviewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    UILabel* label = [[UILabelalloc]init];

    //這一句建立了一個靜態文字控制元件，未指定內容、大小和位置

    

    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之外，故事板中還有關於表檢視單元格的一些新東西，這些我們也會在後續單獨逐一介紹。


末尾小結

好了，本篇對於初學者來說是比較容易上手的，如果對你有幫助，我就開心了。若有什麼地方寫的不對也還需指正！感謝花時間閱讀本篇。

相關文章