swift開發(fā)第一個App

swift也出來那么多時間了。2048太高大上了,我們可以來看一個簡單的app。

創(chuàng)建project

我們首先先創(chuàng)建一個新的swift的project

swift1
swift1

在這里我們選擇了single application,輸入我們的應用名稱,語言默認已經(jīng)是swift

swift2
swift2

新建完畢之后我們看到的是這樣的結構

swift3
swift3

創(chuàng)建我們的控件

點擊左邊面板中的Main.storyboard,這個是從object c很早xcode版本中就流傳下來的工具。如同Android中的manifest.xml。接著我們看右下角的面板。選擇“show the object library”標簽之后,我們就可以直接拖拽控件到storyboard上面。

swift4
swift4

在這里我們分別選擇三個控件,一個是button,一個是text field,一個是webview。拖拽完畢之后我們可見如下圖:

swift5
swift5

定義我們的控件

我們接著需要在ViewController.swift中進行我們設置的控件的定義。在class ViewController: UIViewController {中添加如下兩行:

   @IBOutlet var textField:UITextField!
    @IBOutlet var webView:UIWebView!

這里的@IBOutlet是告訴swift,我設置的對象是和Interface Builder綁定的。

定義我們的Action

我們還有一個button,對。那么我們需要對這個button的行為進行定義。同樣的在ViewController.swift中我們添加如下Action方法。

    @IBAction func didClickGo(AnyObject) {
        var text = textField.text
        var url = NSURL.URLWithString("http:"+text)
        var request = NSURLRequest(URL: url)
        webView.loadRequest(request)
    }

這樣我們就簡單的從textfield的控件中得到text,然后進行一個網(wǎng)址的請求。

控件與代碼的關聯(lián)

完成了以上的步驟,關鍵是我們的代碼和控件還沒有綁定起來。Android中通過findviewbyid可以和manifest.xml中的控件進行綁定,而在storyboard中我們只需要進行簡單的操作就可以完成這一切。如下圖我們首先選擇storyboard,然后選擇右邊面板最后一個標簽。

接著我們先關聯(lián)text和webview,我們只需要拖動下方相應的控件并指定到storyboard上面即可。如下圖所示:

swift6
swift6

swift7
swift7

swift8
swift8

來看看我們的成果吧

swift9
swift9
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,346評論 4 61
  • 我之前一直有睡眠問題,還曾經(jīng)經(jīng)歷過一段長時間失眠。年紀見長之后,越來越發(fā)現(xiàn)心里有事或者過了睡點(最有睡意的時間段)...
    YYmore閱讀 491評論 2 3

友情鏈接更多精彩內(nèi)容