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.
}


}






相关文章

软件简介:蓝湖辅助工具,减少移动端开发中控件属性的复制和粘...
现实生活中,我们听到的声音都是时间连续的,我们称为这种信...
前言最近在B站上看到一个漂亮的仙女姐姐跳舞视频,循环看了亿...
【Android App】实战项目之仿抖音的短视频分享App(附源码和...
前言这一篇博客应该是我花时间最多的一次了,从2022年1月底至...
因为我既对接过session、cookie,也对接过JWT,今年因为工作...