IOS開發(fā)入門之三——從一個動畫開始

如果你app都不懂得怎么創(chuàng)建,或者連怎么搭建IOS開發(fā)環(huán)境Swift語言都還不熟悉,請先看本系列的前兩節(jié):

IOS開發(fā)入門之一——Swift語言基礎

IOS開發(fā)入門之二——第一個App

為了增加學習的樂趣圾另,本章用最簡單的方式來制作一個簡單的動畫,先讓大家體驗一把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é):

IOS開發(fā)入門之四——開始純代碼寫UI

了解更多資料可以加我vx: 1914532832? 驗證信息請注明:IOS開發(fā)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末约郁,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子棍现,更是在濱河造成了極大的恐慌镜遣,老刑警劉巖士袄,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件娄柳,死亡現(xiàn)場離奇詭異,居然都是意外死亡赤拒,警方通過查閱死者的電腦和手機诱鞠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蕉朵,“玉大人阳掐,你說我怎么就攤上這事$员#” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵诸老,是天一觀的道長彻亲。 經(jīng)常有香客問我,道長畸肆,這世上最難降的妖魔是什么宙址? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮抡砂,結(jié)果婚禮上注益,老公的妹妹穿的比我還像新娘碴巾。我一直安慰自己丑搔,他們只是感情好提揍,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布劳跃。 她就那樣靜靜地躺著浙垫,像睡著了一般。 火紅的嫁衣襯著肌膚如雪夹姥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天艺智,我揣著相機與錄音圾亏,去河邊找鬼。 笑死志鹃,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的缰趋。 我是一名探鬼主播陕见,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼灰粮!你這毒婦竟也來了忍坷?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤柑肴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后晰骑,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绊序,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡隶症,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了淋样。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡刊咳,死狀恐怖儡司,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情捕犬,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布柴钻,位于F島的核電站垢粮,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蜡吧。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一元潘、第九天 我趴在偏房一處隱蔽的房頂上張望耀鸦。 院中可真熱鬧,春花似錦氮帐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽龄广。三九已至蕴侧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間净宵,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工紧武, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留敏储,地道東北人。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓妥箕,卻偏偏與公主長得像更舞,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子疏哗,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 1返奉、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,969評論 3 119
  • 人與樹相同,越是向往高處的陽光膀哲,它的根就越要伸向黑暗的地底被碗。------尼采 《地底世界》 隔壁向尚帕剛剛捉了很多...
    喬十五閱讀 303評論 2 3
  • 親昵聊天+橡皮勛章=無價的禮物!
    那里面閱讀 140評論 0 3
  • 常常聽到周圍人說:唉呀兴喂,下次再也不問了,果然是好奇心害死貓啊衣迷。如果我們細細推敲其中意味,不難發(fā)現(xiàn)壶谒,其實啊,好奇心不...
    半痕閱讀 578評論 0 0
  • 今天泼差,我啟用“吾記日記”來寫我的晨間日記呵俏,主要是為了統(tǒng)計我寫文章的字數(shù)√显睿現(xiàn)在,我給自己規(guī)定每寫一篇文章录平,字數(shù)要達到...
    小馬_007閱讀 273評論 2 8