IOS开发入门之三——从一个动画开始

如果你app都不懂得怎么创建，或者连怎么搭建IOS开发环境Swift语言都还不熟悉，请先看本系列的前两节：

IOS开发入门之一——Swift语言基础

IOS开发入门之二——第一个App

需要iOS开发视频资料可以加我微信: 1914532832  验证信息请注明：IOS开发

为了增加学习的乐趣，本章用最简单的方式来制作一个简单的动画，先让大家体验一把IOS编程的魅力。

在这章只介绍操作过程，不做过多说明，具体的代码说明，留到后面章节。

一、创建工程

    先创建一个IOS的"Single View App"工程，至于怎么创建工程这里就不再重复说明了，不知道的先点击"IOS开发入门之二——第一个App"。创建好的界面如下图：

    如果有的人界面没有左侧包含文件夹那块，或者不小心点没掉了。只要点击界面右上角那几个按钮，就可以调处来了：

    蓝色按钮代表已经显示，灰色按钮代表已经隐藏。至于哪个对应左侧那块，自己去点击就知道了。

二、输入代码

    1. 点击下图红色方框中的那个文件(只要单击，不要双击，双击会弹出一个窗口），会打开“ViewController.swift"文件。

    2. 这时在界面的中间“代码区”会显示一大段代码如下图（大的红色方框处）。有强迫症的人肯定又问了，你界面中间那个大块怎么是黑色，我的明明是白色？其实白色才是正常的，我的界面是自己配的色（为了长期盯屏幕不伤眼睛，至于怎么配色自己去网络搜）。

    3. 要输入代码的地方总共有两处，下图标红色箭头的地方就是第一处要输入代码的地方。

    只要把下面这句话拷贝一下，然后粘贴到上图红色箭头所指的地方就可以了：

let animView=UIView()

    操作结果如下图所示：

    4.接着我们输入第二处的代码。输入位置如下图所示：

    同样将下面这段代码拷贝一份，粘贴到上图对应的位置：

animView.frame=CGRect(x:0,y:0,width:100,height:100)
animView.center=view.center
animView.backgroundColor=UIColor.green
view.addSubview(animView)
UIView.animate(withDuration: 2,delay:1,usingSpringWithDamping:0.2,initialSpringVelocity:0,options:[.repeat,.autoreverse], animations:{
    self.animView.transform=CGAffineTransform(scaleX: 0.5, y: 0.5)
},completion:nil)

    完成后结果如下图：

三、编译运行

    点击界面左上角那个三角形按钮（如下图红色方框处所示），开始运行App。如果编译成功，系统会弹出"Build Succeeded"提示框，然后会自动启动手机模拟器，第一次启动手机模拟器会比较慢，要耐性等待。

    暂时没时间折腾视频或动态图，先用下图展示一下。就是那个绿色方块一直重复的放大缩小。

 

 

本系列后续章节会不断更新，有兴趣的同学，可以点击下一节：

IOS开发入门之四——开始纯代码写UI

需要iOS开发视频资料可以加我微信: 1914532832  验证信息请注明：IOS开发