[Swift] Gif이미지로 Activity Indicator 사용하기

[Swift] Gif이미지로 Activity Indicator 사용하기

다양한 방법이 있겠지만,, 커스터마이징에 제한이 있는기존의 Activity Indicator View를 빼고 UIImageView에 이미지를 셋팅해서 Alpha 조정으로 구현 할 생각을 하였다.. 우선 UIImageView가 Gif를 지원하지 않으므로, CocoaPods에서 SwiftGif 라이브러리를 추가하였다.


Indicator용도로 사용할 UIImageView를 스토리보드 가운데 알맞은 위치에 추가해주고.
(우선 보이지 않아야하므로 Hidden에 체크해주자)
Assets.xcassets 에서 Gif이미지를 지원하지 않으므로, 이미지는 Resources 폴더를 만들어 따로 준비해준다.

 SwiftyGif import하고 UIImageView에 gif이미지를 셋팅해준다.

import SwiftyGif

 override func viewDidLoad() {
        super.viewDidLoad()
        let gifManager = SwiftyGifManager(memoryLimit:20)
        let gif = UIImage(gifName: "animat-search-color.gif")
        self.searchIndicator.setGifImage(gif, manager: gifManager)
        self.searchIndicator.isHidden = true
        
    }

Hidden값 조정하면서 나왔다 안나왔다 조정해주기.

// 보여주기
self.searchIndicator.isHidden = false //self.indicatorTableView.startAnimating()
// 감추기
self.searchIndicator.isHidden = true //self.indicatorTableView.stopAnimating()

EasyAnimation CocoaPods 라이브러리를 이용하여 더 부드럽게 처리하자.

스토리보드에서 Hidden 대신 Alpha값을 0으로 기본 세팅해준다.
그리고 Hidden대신에 Alpha값으로 제어해주기.

DispatchQueue.main.async(execute: {
    UIView.animate(withDuration: 1.0, animations: {
      //self.searchIndicator.isHidden = false
        self.searchIndicator.alpha = 1
    })
}

 

You may also like...

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.