码迷,mamicode.com
首页 > 移动开发 > 详细

iOS 11开发教程(七)编写第一个iOS11代码Hello,World

时间:2017-10-27 11:42:11      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:war   小圆圈   对象   ctr   rom   ios1   操作   开发   family   

iOS 11开发教程(七)编写第一个iOS11代码Hello,World

代码就是用来实现某一特定的功能,而用计算机语言编写的命令序列的集合。现在就来通过代码在文本框中实现显示“Hello,World”字符串的功能,具体的操作步骤如下:

(1)使用设置编辑器的三个视图方式的图标,如图1.25所示,将Xcode的界面调整为如图1.26所示的效果。

 技术分享

图1.25  编辑器的三个视图方式的图标

 技术分享

图1.26  调整界面

(2)按住Ctrl键拖动主视图中的文本框对象,这时会出现一个蓝色的线条,将这个蓝色的线条拖动到ViewController.swift文件中,如图1.27所示。

 技术分享

图1.27  出现蓝色的线条

(3)松开鼠标后,会弹出一个对话框,如图1.28所示。

 技术分享

图1.28  弹出对话框

(4)弹出的对话框中,找到Name这一项,在其中输入名称tf,如图1.29所示。

 技术分享

图1.29  输入名称

注意:Name这一项输入的名称是任意的。

(5)选择Connect按钮,关闭对话框,这时在ViewController.swift文件中自动生成一行代码,如图1.30所示。

 

图1.30  插座变量

注意:生成的代码叫做插座变量,插座变量其实就是为关联的对象起了一个别名。开发者就可以对此插座变量进行操作,从而对关联的对象进行操作。以上这一种方式是插座变量声明和关联一起进行的,还有一种先声明动作后关联的方式。具体操作步骤如下:

首先,打开ViewController.swift文件,使用IBOutlet关键字对文本框的插座变量进行声明,其代码如图1.31所示。

 技术分享

图1.31  声明插座变量

注意:声明好的插座变量会在代码的前面出现一个空心的小圆圈。此小圆圈表示该插座变量还未进行关联。

其次,使用设置编辑器的三个视图方式的图标,将Xcode的界面进行调整,将其调整为和图1.26一样的效果。

然后,按住Ctrl键拖动主视图中的文本框对象,这时会出现一个蓝色的线条,将这个蓝色的线条和文件ViewController.swift文件中的插座变量进行关联,如图1.32所示。

 技术分享

图1.32  关联插座变量

最后松开鼠标后,文本框对象就与插座变量成功的关联在一起了,此时插座变量前面的空心小圆圈就变为了实心的小圆圈,它表示此插座变量已被关联。

(6)打开ViewController.swift文件,编写代码,此代码实现的功能是在文本框中显示字符串Hello,World。代码如下:

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var tf: UITextField!

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        tf.text="Hello,World"                                                //设置文本内容

    }

    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }

}

注意:为了方便开发者更好的理解代码,本书会将多余的代码省去,使用“……”省略号表示,以上的代码就会变为如下的代码:

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var tf: UITextField!

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        tf.text="Hello,World"                                                //设置文本内容

    }

……

}

此时运行程序,会看到如图1.33所示的效果。

 技术分享

图1.33  运行效果

iOS 11开发教程(七)编写第一个iOS11代码Hello,World

标签:war   小圆圈   对象   ctr   rom   ios1   操作   开发   family   

原文地址:http://www.cnblogs.com/daxueba-ITdaren/p/7742037.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!