iOS開發在介面上顯示「HELLO」

大家學習ios開發，都想有朝一日看到自己的第乙個介面程式。本文介紹了在介面上顯示「hello」的整個開發過程，可供ios初學者參考。

第一步開啟xcode開發工具

在mac電腦的launchpad中開啟xcode工具，如圖1所示。

圖1 開啟xcode工具示意圖

要新建工程，選擇圖1中的「create a new xcode project」。

第二步建立ios工程

選擇圖1中的「create a new xcode project」之後，即可進入如圖2所示的介面。

圖2 選擇ios應用的型別

在圖3中，我們可以輸入product name，選擇language和devices，並單擊next，即可進入圖4所示的介面。

圖4 選擇工程存放位置

在圖4中，我們可以選擇工程的存放位置。選擇好之後，單擊create，即可成功建立工程。

第三步設定介面內容

建立好ios工程之後，我們可以看到整個工程的程式布局，如圖5所示。

圖5 ios工程的程式布局

由於本次我們只是在介面上顯示hello，並不涉及其他內容，因此，我們只要關注圖5中的紅色框中的main.storyboard。單擊main.storyboard，可看到如圖6所示的空白介面。

圖6 空白的介面

由於我們沒有對介面做任何操作，因此整個介面是空空如也，啥東西也沒有。此時，我們要將5個文字框拉入介面中，並依次展示h、e、l、l、o五個字母。操作完成之後的介面如圖7所示。

圖7 拉入文字框之後的介面

我們在圖7中的紅色框1處輸入「text」，即可出現text文字框。由於要顯示五個字母，因此我們要將五個文字框拉入到介面上，並雙擊每乙個文字框，將對應的字母輸進去。

第四步執行程式

將五個文字框排列整齊之後，我們接下來就可以看到程式的實際執行效果了。在執行程式之前，我們要選擇將程式執行在哪類裝置上。選擇執行裝置並執行程式的操作如圖8所示。

圖8 選擇執行裝置並執行程式

在圖8中，紅色框1所示的裝置(iphone 6s)即為我們選擇的執行裝置。我們單擊紅色框1，還可以看到有更多的裝置，如圖9所示。

圖9 ios程式執行裝置

單擊圖8中的紅色框2，整個程式便執行起來了。執行完成之後的效果如圖10所示。

圖10 程式執行效果示意圖

我們之前所做的所有工作都展示在了圖10中，當看到它的時候，我們會有一種所有的付出都得到了回報的感覺。但是，有的時候，我們會覺得結果不盡如人意，那麼我們就要對程式做一些修改，或者改變一下介面元素的布局，等等。在這裡，我們也可以對文字框的大小、位置和文字的字型等做一些修改，如圖11所示。

圖11 介面元素的屬性修改示意圖

如圖11所示，我們選中某個文字框，便可以在右邊的屬性列表中對文字樣式、顏色、字型、對齊方式等進行修改了。此外，我們也可以拉動整個文字框，對其位置和大小進行修改。

總結

本文中的內容比較簡單，只是在介面上顯示了文字，並沒有涉及到具體的**的修改。儘管如此，通過本文中的整個程式開發流程，我們可以感受到ios開發工具(xcode)的強大及整個ios開發過程的趣味性。在以後的文章中，我們會更加深入地認識ios開發，會涉及到更加有趣的東西。

iOS開發 在介面上顯示「HELLO」