Swift5でUIViewを3秒でアニメーションを実装させる方法【Swift/Objective-C】

2019年10月8日

UIViewクラスを継承しているUILabelやUIButtonなどはUIViewのクラス関数であるanimate関数を使用することで様々なアニメーションを簡単に行うことができます。

UIView.animate によるアニメーション

Swift5

Objective-C

アニメーションが可能なプロパティ

プロパティ意味
frame座標とサイズ
bounds座標とサイズ
center中心座標
transform移動、拡大縮小、回転
backgroundcolor背景色
contentStretchストレッチ方法
alpha透明度

アニメーションに設定できるオプション

オプション意味
UIViewAnimationOptionRepeat繰り返し
UIViewAnimationOptionCurveEaseInOut加速して開始、減速して終了
UIViewAnimationOptionCurveEaseIn加速して開始
UIViewAnimationOptionCurveEaseOut減速して終了
UIViewAnimationOptionCurveLinear等速
UIViewAnimationOptionBeginFromCurrentState現在の状態から開始する
UIViewAnimationOptionAutoreverse再生が終了した後に逆再生する
UIViewAnimationOptionAllowAnimatedContentアニメーション中にアニメーションを許可
UIViewAnimationOptionAllowUserInteraction中断を許可

UIView.transition によるアニメーション

Swift5

Objective-C

アニメーションが可能なプロパティ

プロパティ意味
frame座標とサイズ
bounds座標とサイズ
center中心座標
transform移動、拡大縮小、回転
backgroundcolor背景色
contentStretchストレッチ方法
alpha透明度

アニメーションに設定できるオプション(速度や繰り返しなど)

オプション意味
UIViewAnimationOptionRepeat繰り返し
UIViewAnimationOptionCurveEaseInOut加速して開始、減速して終了
UIViewAnimationOptionCurveEaseIn加速して開始
UIViewAnimationOptionCurveEaseOut減速して終了
UIViewAnimationOptionCurveLinear等速
UIViewAnimationOptionBeginFromCurrentState現在の状態から開始する
UIViewAnimationOptionAutoreverse再生が終了した後に逆再生する
UIViewAnimationOptionAllowAnimatedContentアニメーション中にアニメーションを許可
UIViewAnimationOptionAllowUserInteraction中断を許可
UIViewAnimationTransitionFlipFromLeft左から右に回転するアニメーション
UIViewAnimationTransitionFlipFromRight右から左に回転するアニメーション
UIViewAnimationOptionTransitionFlipFromTop上から下に回転するアニメーション
UIViewAnimationOptionTransitionFlipFromBottom下から上に回転するアニメーション
UIViewAnimationOptionTransitionCurlUpページをめくるようなアニメーション
UIViewAnimationOptionTransitionCurlDownページを戻すようなアニメーション
UIViewAnimationOptionTransitionCrossDissolve
指定アニメーション処理に徐々に変化するアニメーション