如果你app都不懂得怎么创建,或者连怎么搭建IOS开发环境Swift语言都还不熟悉,请先看本系列的前两节:
IOS开发入门之一——Swift语言基础
IOS开发入门之二——第一个App
为了增加学习的乐趣,本章用最简单的方式来制作一个简单的动画,先让大家体验一把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
了解更多资料可以加我vx: 1914532832 验证信息请注明:IOS开发