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方法
@UIApplicationMain
class 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 UIKit

class 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);
}
//当视图装载时调用
override 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.
}


}

swift之第一个IOS程序(浏览web页面)

猜你在找的Swift相关文章