스낵바 만들기 (애니메이션으로 위치 이동)

지금 하고 있는 플젝의 디자이너님께서 스낵바를 요구하셨다...

그게 뭐냐고 물었더니 스낵바는 토스트와는 조금 달리,

아래에서 위로 올라왔다가 다시 내려가는 (또는 위에서 아래로 내려왔다가 다시 올라가는) Bar라고 보면 된다고 하신다.

 

귀찮아서 라이브러리에 의존하는 경향이 있는 나는 바로 폭풍 검색을 통해 iOS용 스낵바 라이브러리를 찾았지만, 

텍스트 중앙 정렬이 안된다는 점과 높이 조절도 안된다는 점을 알아내고선 좌절하였다.

 

그래서 직접 만들었다. 생각보다 간단했다 큼큼

결과화면

 

만드는 방법

1. 스낵바 뷰를 만든다.

검정 바탕의 UIView에 하얀색 UILabel을 붙인 간단한 형태이다.

 

2. 애니메이션을 준다.

UIView.animate(withDuration: 0.5) {
    self.backgroundView.transform = CGAffineTransform(translationX: 0, y: -81)
} completion: { finished in
    UIView.animate(withDuration: 0.5, delay: 2.5) {
        self.backgroundView.transform = .identity
    }
}

0.5초만에 위로 올라와서 2.5초 간 머물고 0.5초만에 내려가는 것이다.

 

조금만 머리 쥐어짜면 금방 만들 수 있는 건데

머리 쓰기 싫어서 바로 라이브러리부터 알아본 것을 반성한다.ㅋㅋ