iOS анимация успеха всплывающее окно

Question

Как создать анимацию, подобную этой, или я должен использовать GIF для этого.

Answer 1

Использование GIF - самый простой способ добиться этого. Для использования изображений Gif вы можете использовать SwiftGif Origin Library SwiftOriginGifGithubLink

, и вы можете использовать свой код, как в следующем примере кода:

let imageGif = UIImage.gif(name: "imageGif")

Второй вариант для этого - использование LottieАнимация. LottieAnimationGifGitHub .

Answer 2

Вот еще один простой способ добиться этого, также он не требует сторонней библиотеки -

Шаги

1. Создание разных изображенийдля другого состояния этого изображения (например, один с меньшим внешним кругом, один со средним размером и один с полным внешним кругом)

2. Создайте массив UIImages со всеми созданными изображениямина шаге 1 (изображения должны быть в последовательности, из источника)

экв.

func setAnimatedImages() {
        var images = [UIImage]()
        for name in ImagesNames {
            if let image = UIImage(named:name) {
                images.append(image)
            }
        }
        self.imageView?.animationImages = images //set this image array to UIImageView
    }

Запуск и остановка анимации -

Запуск анимации

self.imageView?.startAnimating()

Останов анимации

self.imageView?.stopAnimating()

Answer 3

Вы можете достичь тех пульсаций к UIView ( см. Этот ответ для него ), который можно добавить к представлению изображения галочки, которое будет непрерывно перемещаться.

Длябыть более конкретным:

Представление контейнера, которое содержит два подпредставления. Один будет представлением Rippling, а другой будет представлением изображения галочки. Перемещайте вид контейнера по диагонали, чтобы получить движущуюся анимацию, и добавьте рябь в вид «Рябь», чтобы непрерывно создавали рябь.

Может быть много других способов, но этот мне пришёл в голову первым и кажется,воплощать в жизнь. Другими способами могут быть:

• Gif
• Лотти-анимация
• Может быть другой подход