iOS 動畫 Animation 總結

2021-07-23 00:03:52 字數 3232 閱讀 6972

uiview的,翻轉、旋轉,偏移,翻頁,縮放,取反的動畫效果

翻轉的動畫

[objc]view plain

copy

//開始動畫

[uiviewbeginanimations

:@"doflip"

context

:nil

];  

//設定時常

[uiviewsetanimationduration:1

];  

//設定動畫淡入淡出

[uiviewsetanimationcurve

:uiviewanimationcurveeaseinout];  

//設定**

[uiviewsetanimationdelegate

:self

];  

//設定翻轉方向

[uiviewsetanimationtransition

:  uiviewanimationtransitionflipfromleft forview

:manimageview

cache

:yes

];  

//動畫結束

[uiviewcommitanimations

];  

旋轉動畫

[objc]view plain

copy

//建立乙個cgaffinetransform  transform物件

cgaffinetransform  transform;   

//設定旋轉度數

transform = cgaffinetransformrotate(manimageview.transform

,m_pi/6.0

);  

//動畫開始

[uiviewbeginanimations

:@"rotate"

context

:nil

];  

//動畫時常

[uiviewsetanimationduration:2

];  

//新增**

[uiviewsetanimationdelegate

:self

];  

//獲取transform的值

[manimageviewsettransform

:transform];  

//關閉動畫

[uiviewcommitanimations

];  

偏移動畫

[uiview beginanimations:

@"move" context:

nil];

[uiview setanimationduration:2];

[uiview setanimationdelegate:

self];

//改變它的frame的x,y的值

manimageview.frame=cgrectmake(100,100, 120,100);

[uiview commitanimations];

翻頁動畫

[objc]view plain

copy

[uiview

beginanimations

:@"curlup"

context

:nil

];  

[uiviewsetanimationcurve

:uiviewanimationcurveeaseinout];

//指定動畫曲線型別,該列舉是預設的,線性的是勻速的

//設定動畫時常

[uiviewsetanimationduration:1

];  

[uiviewsetanimationdelegate

:self

];  

//設定翻頁的方向

[uiviewsetanimationtransition

:uiviewanimationtransitioncurlup

forview

:manimageview

cache

:yes

];  

//關閉動畫

[uiviewcommitanimations

];  

縮放動畫

[objc]view plain

copy

cgaffinetransform  transform;  

transform = cgaffinetransformscale(manimageview.transform,1

.2,1.2

);  

[uiviewbeginanimations

:@"scale"

context

:nil

];  

[uiviewsetanimationduration:2

];  

[uiviewsetanimationdelegate

:self

];  

[manimageviewsettransform

:transform];  

[uiviewcommitanimations

];  

取反的動畫效果是根據當前的動畫取他的相反的動畫

[objc]view plain

copy

cgaffinetransform transform;  

transform=cgaffinetransforminvert(manimageview.transform

);  

[uiviewbeginanimations

:@"invert"

context

:nil

];  

[uiviewsetanimationduration:2

];//動畫時常

[uiviewsetanimationdelegate

:self

];  

[manimageviewsettransform

:transform];

//獲取改變後的view的transform

[uiviewcommitanimations

];//關閉動畫

animation動畫例項

旋轉 縮放移動 傾斜旋轉並縮放 旋轉後縮放 同時展示全部 順序展示全部 還原 display flex width 100 padding top 150upx padding bottom 150upx justify content center overflow hidden backgrou...

animation動畫引數

描述 css keyframes 規定動畫。animation 所有動畫屬性的簡寫屬性,除了 animation play state 屬性。animation name 規定 keyframes 動畫的名稱。animation duration 規定動畫完成乙個週期所花費的秒或毫秒。預設是 0。a...

C3動畫 animation動畫庫

css3中的動畫分為 平移動畫 過渡動畫和自定義動畫三種。可以在這個規則中建立多個百分比,分別在每乙個百分比中給需要有動畫效果的元素加上不同的屬性,從而讓元素達到一種在不斷變化的效果,比如說移動 改變元素顏色 位置 大小 形狀等。數值段必須是百分數,如果不是百分數,這個keyframes是無效的,不...