三十而立,從零開始學ios開發(二):Hello World!

來源:互聯網
上載者:User

看到有那麼多的回複和鼓勵,有點受寵若驚的感覺,謝謝大家的支援,我會努力堅持把學習ios的過程記錄下來,和大家分享。

今天看了書的第二章,主要介紹了一下Xcode的使用方法和一些必要的說明,最後做了一個“Hello World!”的小程式,其實就是在螢幕上用一個Label顯示“Hello World!”,一行代碼都沒有寫,拖拖控制項,改變一下Label字型大小顏色什麼的,還是比較簡單的,下面把這個過程寫一下,至於xcode的使用說明就不在這裡具體敘述了,反正到時候用到哪就介紹到哪裡吧。

1)啟動Xcode

選擇“Create a new Xcode project”,建立一個新的項目。

2)模板選擇,選擇“Single View Application”模板

“Single View Application”單一視圖應用程式,Xcode會預設建立一個主視圖(可以簡單的認為就是Visual Studio中的Panel,一個容器),然後所有的其他元素都放在這個主視圖上面,整個的“Hello World!”只有一個Label而已,所有選擇這個模板就可以了。

3)填寫要建立的項目的名稱:Hello World

Product Name中填寫“Hello World”, Company Identifier是一個標識符,表明這個程式的歸屬於哪個公司(我是這樣認為的,隨便什麼都可以寫,自己喜歡就可以,不過貌似這個不填也是可以的,反正是學習而已),其他的保持預設狀態,選擇“Next”。

4)選擇project儲存的位置,完成建立

我就簡單的將project儲存在案頭,最後點擊“Create”按鈕,這樣一個簡單的項目就建立完成了。

感覺還是蠻簡單的,步驟和在Visual Studio裡面建立一個項目是差不多的。

建立完項目後的Xcode顯示如下,感覺介面還是蠻陌生的,很多東西都是第一次看到,能一眼認出的也就是最左邊的項目導覽列(Project navigator,有點類似Visual Studio中的Solution視窗)和右下角的控制項陳列庫(Object Library,類似Visual Studio中的Tools),其他的東西還需要一點點的去摸索去熟悉。

5)添加Label控制項
首先選擇Project navigator中的“BIDViewController.xib”檔案(xib的全稱是Xcode’s Interface Builder,專門用來管理和使用者互動的介面),選擇後,Xcode變成下面的樣子,一個iphone的介面出現了,等一會就會將控制項拖到它的上面。

接著在控制項欄中(Object Library)找到Label控制項,往介面裡拖動,放在任意你喜歡的位置就可以,我是上下左右劇中放置(會有輔助線出現,協助你擺放)。這些操作和在VS中沒有太大的區別,很熟悉。

改變Label的顯示文字,直接用滑鼠雙擊Label,然後Label裡的文字會被選中,將文字改成“Hello World”就行。這裡的操作和VS裡面有些不同,在VS裡面如果滑鼠雙擊一個控制項,很可能的結果是為該控制項添加一個按一下滑鼠事件,而在Xcode中,則僅僅是改變控制項的顯示文字而已。改變後,再將控制項的位置調整到上下左右劇中的位置,完成後的介面如下。

如果你想改變Label的字型、顏色等等,選中Label,在Xcode的右邊會出現Label的屬性欄,直接在屬性裡面改就可以了,也很簡單,這樣的操作與VS是類似的。

 6)編譯運行
好了,到此位置,所有的操作應該說已經完成了,最後一步就是編譯運行,滑鼠點擊左上方的“Run”按鈕(快速鍵:command + R,Build的快速鍵:command + B),編譯運行。

一個iphone模擬器會顯示出來,然後剛才的Hello World顯示在iphone上面,如。

至此,第一個iphone的程式已經完成了,非常的簡單,一行代碼都沒有寫過。

7)替換程式表徵圖
上面的Hello World還有點小小的瑕疵,當點擊模擬器的Home鍵回到案頭後,會發現Hello World的表徵圖是灰白的(iphone預設的給沒有表徵圖的程式的表徵圖),見

造成這樣的原因很簡單,我們沒有設定它的表徵圖,要添加表徵圖,重新回到Xcode,選擇左邊Project navigator中的程式根節點(最上面的,藍色表徵圖的那個節點)

選中後,Xcode中間會出現“App Icons”一欄,裡面有2個表徵圖,一個是普通解析度(給非Retina屏的iphone手機使用,即3GS或比它更早的iphone),另一個是高解析度(給Retina屏使用,iphone4及以後機型)

手頭只有一般解析度的圖片,只能選擇添加左邊的圖片,滑鼠右擊左邊的表徵圖,選擇“Select File”,選擇一張圖片。
 

然後重新編譯運行程式,等程式在iphone模擬器中顯示後,點擊Home鍵回到案頭,此時,Hello World已經有一個屬於自己的表徵圖了,這個過程也是很簡單的。

 

總結:
第二章的內容除了介紹Xcode的一些使用方法和布局外,其他都在講如何建立第一個iphone應用,過程是很簡單的,讓大家能夠感受到建立一個iphone程式並不是想象中的那麼困難,提起大家對iphone開發的興趣。

好了,這次的學習記錄就到這裡,下一章將學習為app添加按鈕,iphone app的設計模式(mvc:Model-View-Controller),相對於這一章來說,內容將更加充實,難度也會有所增加。

 

謝謝!

Hello_World.zip

 

 

 

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.