swift之第一個IOS程式(瀏覽web頁面)

swift之第一個IOS程式(瀏覽web頁面)

1、工程的建立

 

a、選擇第二個（Greate a new Xcode project）

 

b、左邊選擇IOS中的Application，右邊Singl View Application，最後next

 

c、在Product Name輸入程式名,比如fistIOS

d、選擇程式儲存位置


2、開始編碼
a、檔案說明 AppDelegate.swift 檔案是IOS工程響應整個APP的檔案,AppDelegate用於監聽整個APP的事件(具體看最後面代碼); ViewController.swift 主要用於編寫控制視圖的代碼； Main.storyboard 故事板，將UI視覺化檢視成為故事板；


b、選擇Main.storyboard，在中間視圖，點擊wAny hAny選擇如所示相應大小，然後雙擊即可

c、在右下角可以看到控制項的添加(直接拖過去即可)，分別添加Button和WebView控制項


d、右上方如所示，點擊第二個圈圈那個表徵圖，就可以看到第e步，視圖右邊會有代碼


e、UI與視圖控制項關聯 按右鍵Button控制項，會彈出如下菜單

找到Touch Down功能表項目，在功能表項目右側有一個加號按鈕，用滑鼠選中拖動到代碼地區，然後就給Button起一個名字，最後點擊connect即可

同樣按右鍵WebView控制項，找到New Referecing Outlet功能表項目，同樣的方法拖到代碼空白地區，並給控制項命名webview,就可看到所示


f、ViewController.swift,在函數button中添加代碼



3、運行代碼
（注意，可能模擬器太大，當看到白屏的時候，就往上拉一下，就可以看到一下內容）


點擊“瀏覽網頁按鍵”就可看到網頁中相應內容




各個檔案的代碼注釋說明：

實現一個可以瀏覽web頁面的程式1、AppDelegate.swift（應用程式代理程式，監聽整個APP的事件）//  AppDelegate.swift//  First_IOS////  Created by Emperor on 15/3/5.//  Copyright (c) 2015年 Emperor. All rights reserved.//import UIKit//AppDelegate用於監聽整個APP的事件，比如當APP啟動完成後，會調用application方法@UIApplicationMainclass AppDelegate: UIResponder, UIApplicationDelegate {var window: UIWindow?//APP啟動完成後調用func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {return true}func applicationWillResignActive(application: UIApplication) {}//APP進入後台時調用func applicationDidEnterBackground(application: UIApplication) {}//APP進入前台時調用func applicationWillEnterForeground(application: UIApplication) {}func applicationDidBecomeActive(application: UIApplication) {}//APP終止時調用func applicationWillTerminate(application: UIApplication) {}}2、Main.storyboard (故事板)將UI視覺化檢視成為故事板(storyboard);在這裡添加一個Button和WebView控制項3、ViewController.swift(視圖控制器)//  ViewController.swift//  First_IOS////  Created by Emperor on 15/3/5.//  Copyright (c) 2015年 Emperor. All rights reserved.////功能：實現一個可以瀏覽web頁面的程式//主要用於編寫控制視圖代碼。在該檔案中實現了一個ViewController類，該類是UIViewController的子類，用於控制視圖上得UI，在該類中預設產生了兩個事件方法import UIKitclass ViewController: UIViewController {/*預設情況下,Main.storyboard和ViewController.swift關聯了，所以可以將控制項UI的代碼寫在     ViewController.swift檔案中。在ViewController.swift中在比如web控制項上右鍵，就會彈出一個菜單，找到“New Referecing Outlet”項，其右側有一個加號，用滑鼠拖到ViewController代碼地區空白處即可(在xcode最右側可以看到6個表徵圖，選擇第二個就可以在視圖中看到視圖相關聯的代碼)； 按鍵控制項的話就是選擇Touch Down選項*///添加的webview變數，這個變數就是可以直接存取WebView控制項（自己添加在Main.storyboard故事面板的）@IBOutlet weak var webview: UIWebView!//按鍵，按下按鍵後要做的事就在這裡@IBAction func onTouchDown(sender: AnyObject) {var url = NSURL(string: http://blog.csdn.net/emperorzhi/article/details/44049985);var request = NSURLRequest(URL: url!);webview.loadRequest(request);}//當視圖裝載時調用www.bkjia.comoverride func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view, typically from a nib.}//當記憶體不足時調用override func didReceiveMemoryWarning() {super.didReceiveMemoryWarning()// Dispose of any resources that can be recreated.}}