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
指定アニメーション処理に徐々に変化するアニメーション