pod 『spring』, :git => 『
**動畫型別：**
pop:大小彈性縮放效果
shake:左右搖晃效果
morph:左右上下彈性變形效果
squeeze:左右上下彈性擠壓效果
wobble:左右擺動上下震動效果
swing:左右擺動效果
flipy:上下翻轉效果
flipx:左右翻轉效果
fall:掉落的效果
squeezeleft:左邊擠壓,完後不會復位
squeezeright:右邊擠壓,完後不會復位
squeezedown:下方擠壓，完後不會復位
squeezeup:上方擠壓,完後不會復位
slideleft:往左邊移動,完後不會復位
slideright:往右移動,完後不會復位
slidedown:往下移動,完後不會復位
slideup:往上移動,完後不會復位
fadein:逐漸顯示
fadeout:逐漸隱藏,與fadein配效果會更好
fadeinleft:從右往左逐漸顯示
fadeinright:從左往右逐漸顯示
fadeindown:從上往下逐漸顯示
fadeinup:從下往上逐漸顯示
zoomin:由小向大顯示
zoomout:由大向小隱藏
flash:閃光效果
**動畫曲線(效果描述不出來,各位自己試試吧)**:
spring
linear:線性
easein
easeout
easeinout
**屬性:**
force:動畫力度 (數字，一般 0-1)
duration:動畫持續時間 (數字,以秒為單位)
delay:動畫延遲時間 (數字,以秒為單位)
damping:動畫阻尼指數 (數字,一般 0-1)
velocity:動畫的速度 (數字,一般 0-1)
repeatcount:動畫的重複次數(數字)
scale:比例
x:動畫效果 x 軸的位置(座標範圍)
y:動畫效果 y 軸的位置(座標範圍)
rotate:(不知道啥作用,翻譯是動畫旋轉)
2.設定 custom class 為 springimageview(根據不同的控制項選擇不同的 springview)
3.設定屬性
//sping動畫
let bgview = springview()
//檢視總的view
@iboutlet var zongview: uiview!
//螢幕寬
let screen_width = uiscreen.main
.bounds
.size
.width
//螢幕高
let screen_height = uiscreen.main
.bounds
.size
.height
bgview.frame = cgrect(x: 30, y: screen_height/2 - 250, width: screen_width - 60, height: 420)//設定大小及其位置
bgview.backgroundcolor = uicolor.black//背景色
bgview.layer
.cornerradius = 9
bgview.clipstobounds = true
bgview.animation = "fall"
bgview.curve = "easeinout"
bgview.duration = 1.0
bgview.damping = 0.7
bgview.velocity = 0.7
bgview.force = 0.3
bgview.animate()
zongview.addsubview(bgview)
//動畫執行完成後執行的函式
// bgview.animatetonext
//動畫執行的同時執行
// bgview.animatenext
參考文章
WPF與緩動 四 弧形緩動
wpf與緩動 四 弧形緩動 周銀輝 弧形緩動就是其緩動曲線為一段圓弧,如何我們假設圓弧上的點的斜率為速度的話,那麼可以想像其速度的變化多麼具有戲劇性,其加速或減速來得很突然,與5次緩動差不多.參考以下 圓形緩動 protected override double getcurrentvaluecor...
Employment Planning 動規小練
employment planning 原題鏈結 對於當前月份所需人數，和僱傭最大所需人數之間的情況進行討論。由於解雇金額和僱傭金額的存在，會存在一次性僱傭更多的人以減少解雇金額的情況，所以要討論到所需最大人數。include include include include include incl...
UI動效基礎 AE動效表現課
第01課 ui動效概述 課時1 關於ui動效的介紹及行業概述 課時2 動效設計在工作領域的應用 課時3 動效設計如何學習 第02課 ae軟體基本操作 課時1 介面介紹及合成設定 課時2 合成的建立 課時3 檔案的匯入 課時4 基礎圖層簡介 課時5 形狀圖層的基本操作 課時6 圖層樣式的新增 課時7 ...