https://github.com/hyun99999/uiviewanimationoptions

🧨 UIView.AnimationOptions 이용한 전환 애니메이션 대작전
https://github.com/hyun99999/uiviewanimationoptions

animation ios

Last synced: 26 days ago
JSON representation

🧨 UIView.AnimationOptions 이용한 전환 애니메이션 대작전

• Host: GitHub
• URL: https://github.com/hyun99999/uiviewanimationoptions
• Owner: hyun99999
• Created: 2021-08-20T03:54:41.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-20T04:22:08.000Z (over 3 years ago)
• Last Synced: 2024-11-25T21:35:45.596Z (3 months ago)
• Topics: animation, ios
• Language: Swift
• Homepage:
• Size: 2.37 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UIViewAnimationOptions

🧨 UIView.AnimationOptions 이용한 전환 애니메이션 대작전

### UIView transition animation options

먼저 개발자문서를 살펴보자

[transition(with:duration:options:animations:completion:)](https://developer.apple.com/documentation/uikit/uiview/1622574-transition)

- 특정 container 뷰의 transition animation 을 만드는 함수이다.

animation 효과를 주기 위해서 파라미터 options 에 해당하는 `UIView.AnimationOptions` 옵션을 설정해주면 된다.

### 준비

- Main.storyboard



- ViewController.swift

```swift

import UIKit

class ViewController: UIViewController {

    private var isInitialImage = true

    

    @IBOutlet weak var initialImageView: UIImageView!

    

    override func viewDidLoad() {

        super.viewDidLoad()

        

        initialImageView.image = UIImage(named: "initialImg")

        initialImageView.contentMode = .scaleAspectFill

    }

    @IBAction func touchTransitionButton(_ sender: Any) {

        print("transitionButton touched.")

        

        // ✅ 앞면의 경우

        if isInitialImage {

            self.isInitialImage = false

            initialImageView.image = UIImage(named: "transitionImg")

            

            // ✅ options 파라미터에 원하는 효과에 해당하는 옵션을 넣어주며 된다.

            UIView.transition(with: initialImageView, duration: 1, options:.transitionFlipFromLeft, animations: nil, completion: nil)

        }

        // ✅ 뒷면의 경우

        else {

            self.isInitialImage = true

            initialImageView.image = UIImage(named: "initialImg")

            UIView.transition(with: initialImageView, duration: 1, options: .transitionFlipFromLeft, animations: nil, completion: nil)

        }

    }

}

```

### UIView.AnimationOptions constants. 

transition animation 형태에 직접적인 옵션들을 실습해보았다.

- [transitionCrossDissolve](https://developer.apple.com/documentation/uikit/uiview/animationoptions/1622499-transitioncrossdissolve)



- [transitionCurlDown](https://developer.apple.com/documentation/uikit/uiview/animationoptions/1622455-transitioncurldown)



- [transitionCurlUp](https://developer.apple.com/documentation/uikit/uiview/animationoptions/1622637-transitioncurlup)



- [transitionFlipFromBottom](https://developer.apple.com/documentation/uikit/uiview/animationoptions/1622632-transitionflipfrombottom)



- [transitionFlipFromLeft]()



- [transitionFlipFromRight](https://developer.apple.com/documentation/uikit/uiview/animationoptions/1622573-transitionflipfromright)



- [transitionFlipFromTop](https://developer.apple.com/documentation/uikit/uiview/animationoptions/1622548-transitionflipfromtop)