IFTTT開源Swift編寫的幀動畫框架--RazzleDazzle
RazzleDazzle 是IFTTT開源的一個iOS幀動畫框架,用Swift編寫,非常適用于APP初次使用時的介紹和引導信息。RazzleDazzle由IFTTT此前開源的一款Objective-C滾動幀動畫庫JazzHands發 展而來。JazzHands是UIKit一個簡單的關鍵幀基礎動畫框架,可通過手勢、scrollview、KVO或者ReactiveCocoa控制動 畫,被IFTTT應用在IFTTT for iPhone上。多款知名應用程序都使用了JazzHands這個框架,目前其在github上有3688個star。對于RazzleDazzle,開發者除了使用RazzleDazzle支持的動畫類型外,還可以使用自定義動畫類型。
RazzleDazzle支持的動畫類型:
-
AlphaAnimation animates the alpha property (creates fade effects).
</li> -
BackgroundColorAnimation animates the backgroundColor property.
</li> -
RotationAnimation animates a rotation transform (for rotation effects).
</li> -
ScaleAnimation applies a scaling transform (to scale view sizes).
</li> -
TranslationAnimation applies a translation transform (to translate view position).
</li> -
CornerRadiusAnimation animates the layer.cornerRadius property.
</li> -
HideAnimation animates the hidden property (hides and shows views).
</li> -
LayerStrokeStartAnimation animates the strokeStart property of a CAShapeLayer (does not work with LayerStrokeEndAnimation).
</li> -
LayerStrokeEndAnimation animates the strokeEnd property of a CAShapeLayer (does not work with LayerStrokeStartAnimation).
</li> -
LayerFillColorAnimation animates the fillColor property of a CAShapeLayer.
</li> -
LayerStrokeColorAnimation animates the strokeColor property of a CAShapeLayer.
</li> -
PathPositionAnimation animates the layer.position property of a UIView along a path.
</li> -
LabelTextColorAnimation animates the textColor property of a UILabel.
</li> -
ConstraintConstantAnimation animates an AutoLayout constraint constant.
</li> -
ConstraintMultiplierAnimation animates an AutoLayout constraint constant as a multiple of an attribute of another view (to offset or resize views based on another view's size)
</li> -
ScrollViewPageConstraintAnimation animates an AutoLayout constraint constant to place a view on a scroll view page (to position views on a scrollView using AutoLayout). This is the animation doing the heavy lifting for AnimatedPagingScrollViewController's keepView(view: onPage:) function.
</li> </ul> </div> https://github.com/IFTTT/RazzleDazzle