移动应用软件开发（基于iOS平台）-2017 找不同游戏的制作 66找不同游戏的制作 文档.docx

找不同游戏的制作 2 找不同游戏的制作 1 找不同游戏的制作 本次课程介绍制作游戏的一些实现功能。 一、游戏功能实现 1.建立一个工程Differents 在macOS中找到Xcode，然后运行。在Xcode的欢迎界面中选择新建一个Xcode工程。从工程模版选择开发iOS应用程序，然后选择Single View Application。在工程参数主要包括中输入工程的名称（Product Name），填写“Differents”。最后选择存放在桌面上。 2.选择Main.storyboard，拖放UIImageView组件等 从左边菜单选择Main.storyboard文件，鼠标单击，在编辑区域会出现手机可视化设计界面。现在里面只有一个View Controller界面，从右边功能区域选择2个UIImageView组件、2个UIButton和1个UILabel，拖放到View Controller界面中，设置好每个组件的Autoresizing，如图4-3。 为了方便的使用两个UIImageView，将上面的那个UIImageView的tag设置为1001，下面的那个的tag设置为1002，这样可以通过函数viewWithTag(1001)来找到上面的那个UIImageView，而不再需要通过outlet来处理，非常方便。 注意：为了每个组件的位置能自动排版到合适的位置，需要正确设置每个组件Autoresizing选项。 图4-3 找不同的界面设计 3.选择ViewController.swift，输入代码 修改ViewController.swift中的代码，主要实现在上下场景图片添加十个小图片，起到混淆作用，然后再添加三个不同点，用户触摸不同点，则会输出提示信息，如示例程序4-1。 示例程序4-1 //ViewController.swift // Differents // // Created by ChenZhifeng on 17/6/4. // Copyright ? 2017年 ChenZhifeng. All rights reserved. import UIKit class ViewController: UIViewController { //保存4个场景图片的UIImage数组 var images : ArrayUIImage = [ UIImage(named: bee.png)!, UIImage(named: bird.png)!, UIImage(named: flower.png)!, UIImage(named: mogu.png)! ] //保存各个小图片的坐标数组，上下两个场景都具有这个小图片，起到混淆作用 var cords : ArrayCGPoint = [] //保存不同点所在坐标的数组 var errorCords : ArrayCGPoint = [] //保存当前场景的宽度和高度的变量Width、Height var Width : CGFloat! var Height : CGFloat! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. //通过tag数值，找到上下两个场景图片的UIImageView let iv1 = self.view.viewWithTag(1001) as! UIImageView let iv2 = self.view.viewWithTag(1002) as! UIImageView //设置可以处理触摸事件 iv1.isUserInteractionEnabled = true iv2.isUserInteractionEnabled = true //设置小图片可以出现的最大宽度和高度，为什么都要减去40? Width = iv1.frame