iOS Swift3.0 UIView動畫詳解

iOS Swift3.0 UIView動畫詳解

[TOC]

在IOS開發(fā)中為了做一些比較炫的效果有時候免不了使用動畫冯凹。雖然蘋果自帶了CoreAnimation和Facebook的Pop等動畫框架冯挎,這些的確是程序員開發(fā)的利器炭分,但是我們在做一些比較簡單的動畫時缺猛,我們直接使用UIView就可以了, 先給大家看看效果是不是想要的, 這只是一個學習基礎和入門,需要根據(jù)自己的實際情況在做詳細的開發(fā)懂鸵。


這里寫圖片描述

縮放動畫

縮放動畫可以讓一個View的大小發(fā)生改變掸茅,按照一定的比例放大縮小

//animScale 為動畫調(diào)用的方法
UIView.animate(withDuration: 2, animations: animScale)

//縮小為原來的0.5倍或者還原為原來的大小弱匪;
func animScale(){
    self.Image.transform = CGAffineTransform(scaleX: scale, y: scale)
    if scale == 0.5 {
        scale = 1
    }else{
        scale = 0.5
    }
}

旋轉(zhuǎn)動畫

旋轉(zhuǎn)動畫可以讓一個View繞原點進行旋轉(zhuǎn)

//animSpin 為動畫調(diào)用的方法
@IBAction func spinAnimation(_ sender: AnyObject) {
        UIView.animate(withDuration: 10, delay: 0, options: .curveLinear, animations: animSpin, completion: nil)
    }

func animSpin(){
        //旋轉(zhuǎn)角度
        self.Image.transform = self.Image.transform.rotated(by: CGFloat(360))
    }

透明度動畫

透明度動畫可以讓一個View的透明度在0~1之間改變青瀑。透明度為0表示全透明,看不見了痢法。透明度為1表示和正常情況下一樣

@IBAction func animAlpha(_ sender: AnyObject) {
        UIView.animate(withDuration: 2, animations: animAnimation)//時常為2s狱窘;
    }

//改變透明度到0.2 或者還原
    func animAnimation(){
        if alpha == 0.2 {
            self.Image.alpha = alpha
            alpha = 1
        }else {
            self.Image.alpha = alpha
            alpha = 0.2
        }
    }

實現(xiàn)這些動畫僅僅是一些簡單的,大家可以通過下載代碼自己嘗試一下
代碼地址https://github.com/thesnail/SwiftNotes

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末杜顺,一起剝皮案震驚了整個濱河市财搁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌躬络,老刑警劉巖尖奔,帶你破解...
    沈念sama閱讀 212,332評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異穷当,居然都是意外死亡提茁,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,508評論 3 385
  • 文/潘曉璐 我一進店門馁菜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茴扁,“玉大人,你說我怎么就攤上這事汪疮∏突穑” “怎么了?”我有些...
    開封第一講書人閱讀 157,812評論 0 348
  • 文/不壞的土叔 我叫張陵智嚷,是天一觀的道長卖丸。 經(jīng)常有香客問我,道長盏道,這世上最難降的妖魔是什么稍浆? 我笑而不...
    開封第一講書人閱讀 56,607評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上衅枫,老公的妹妹穿的比我還像新娘嫁艇。我一直安慰自己,他們只是感情好弦撩,可當我...
    茶點故事閱讀 65,728評論 6 386
  • 文/花漫 我一把揭開白布裳仆。 她就那樣靜靜地躺著,像睡著了一般孤钦。 火紅的嫁衣襯著肌膚如雪歧斟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,919評論 1 290
  • 那天偏形,我揣著相機與錄音静袖,去河邊找鬼。 笑死俊扭,一個胖子當著我的面吹牛队橙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播萨惑,決...
    沈念sama閱讀 39,071評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼捐康,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了庸蔼?” 一聲冷哼從身側(cè)響起解总,我...
    開封第一講書人閱讀 37,802評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎姐仅,沒想到半個月后花枫,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,256評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡掏膏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,576評論 2 327
  • 正文 我和宋清朗相戀三年劳翰,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片馒疹。...
    茶點故事閱讀 38,712評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡佳簸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出颖变,到底是詐尸還是另有隱情生均,我是刑警寧澤,帶...
    沈念sama閱讀 34,389評論 4 332
  • 正文 年R本政府宣布悼做,位于F島的核電站疯特,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏肛走。R本人自食惡果不足惜漓雅,卻給世界環(huán)境...
    茶點故事閱讀 40,032評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧邻吞,春花似錦组题、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至旺遮,卻和暖如春赵讯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背耿眉。 一陣腳步聲響...
    開封第一講書人閱讀 32,026評論 1 266
  • 我被黑心中介騙來泰國打工边翼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鸣剪。 一個月前我還...
    沈念sama閱讀 46,473評論 2 360
  • 正文 我出身青樓组底,卻偏偏與公主長得像,于是被迫代替她去往敵國和親筐骇。 傳聞我的和親對象是個殘疾皇子债鸡,可洞房花燭夜當晚...
    茶點故事閱讀 43,606評論 2 350

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

  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復雜铛纬,今天將帶大家一窺ios動畫全貌厌均。在這里你可以看...
    每天刷兩次牙閱讀 8,471評論 6 30
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件饺鹃、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,066評論 4 62
  • 前天上午莫秆,一家人回袁李。 雨像瘋了般悔详,直接從天往下倒。 老爸聽說我們要回去吃飯惹挟,一大早就冒雨去龍坪買菜茄螃,他總說龍坪...
    哆啦__閱讀 175評論 0 0
  • 在這蹉跎歲月,幸與你相逢连锯,相識归苍。即使我們都回不到最初。 謝謝你帶給我的難過运怖, 謝謝你帶給我的快樂拼弃。 我想將心兒鎖上...
    淺秋Vera閱讀 94評論 0 0