如果你app都不懂得怎么創(chuàng)建,或者連怎么搭建IOS開發(fā)環(huán)境Swift語言都還不熟悉,請先看本系列的前兩節(jié):
為了增加學習的樂趣圾另,本章用最簡單的方式來制作一個簡單的動畫,先讓大家體驗一把IOS編程的魅力。
在這章只介紹操作過程浑彰,不做過多說明,具體的代碼說明拯辙,留到后面章節(jié)郭变。
一、創(chuàng)建工程
先創(chuàng)建一個IOS的"Single View App"工程薄风,至于怎么創(chuàng)建工程這里就不再重復說明了饵较,不知道的先點擊"IOS開發(fā)入門之二——第一個App"。創(chuàng)建好的界面如下圖:
? ? 如果有的人界面沒有左側(cè)包含文件夾那塊遭赂,或者不小心點沒掉了循诉。只要點擊界面右上角那幾個按鈕,就可以調(diào)處來了:
? ? 藍色按鈕代表已經(jīng)顯示撇他,灰色按鈕代表已經(jīng)隱藏茄猫。至于哪個對應左側(cè)那塊,自己去點擊就知道了困肩。
二划纽、輸入代碼
? ? 1. 點擊下圖紅色方框中的那個文件(只要單擊,不要雙擊锌畸,雙擊會彈出一個窗口)勇劣,會打開“ViewController.swift"文件。
? ? 2. 這時在界面的中間“代碼區(qū)”會顯示一大段代碼如下圖(大的紅色方框處)潭枣。有強迫癥的人肯定又問了比默,你界面中間那個大塊怎么是黑色,我的明明是白色盆犁?其實白色才是正常的,我的界面是自己配的色(為了長期盯屏幕不傷眼睛醋奠,至于怎么配色自己去網(wǎng)絡搜)。
? ? 3. 要輸入代碼的地方總共有兩處窜司,下圖標紅色箭頭的地方就是第一處要輸入代碼的地方沛善。
? ? 只要把下面這句話拷貝一下,然后粘貼到上圖紅色箭頭所指的地方就可以了:
let animView=UIView()?
? ? 操作結(jié)果如下圖所示:
? ? 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)?
? ? 完成后結(jié)果如下圖:
三胀葱、編譯運行
點擊界面左上角那個三角形按鈕(如下圖紅色方框處所示),開始運行App笙蒙。如果編譯成功抵屿,系統(tǒng)會彈出"Build Succeeded"提示框捅位,然后會自動啟動手機模擬器,第一次啟動手機模擬器會比較慢尿扯,要耐性等待焰雕。
? ? 暫時沒時間折騰視頻或動態(tài)圖,先用下圖展示一下矩屁。就是那個綠色方塊一直重復的放大縮小。
本系列后續(xù)章節(jié)會不斷更新泊脐,有興趣的同學烁峭,可以點擊下一節(jié):
了解更多資料可以加我vx: 1914532832? 驗證信息請注明:IOS開發(fā)