[iOS] toast message - 배달의 민족 장바구니에 추가됐습니다

이번 팀 프로젝트는 하나의 화면에서 결제까지 이루어지는 과제였다. 

고민을 하다 장바구니 페이지가 따로 만들 수가 없어서 하프 모달을 띄우기로 했다. 

그러나 모달을 열기 전까진 장바구니에 상품이 제대로 담겼는지 확인하기가 쉽지 않았다.  

 

그래서 실제로 다른 앱들은 어떤 방식으로 구현했는지 다양한 어플들을 깔아보고 찾아보았다. 

(이렇게 테스트하다 실제로 스타벅스 사이렌 오더 자동결제로 넘어가서 트렌타 사이즈 아이스티 매장 픽업하게 됐다는 썰과 함께....☆)

그중에서 나는 배달의 민족의 장바구니에 담는 기능이 적합해 보였다. 

 

 

바로 이 기능이다!!!

근데 구현하고 싶은데 뭐라고 검색해야할지 감조차 오지 않았다...

배달의 민족 장바구니 담길 때, 장바구니에 담기는 애니메이션 등등

정말 다양한 검색어로 찾아보고 튜터님들과 매니저님들도 찾아가보았는데

하필 내가 갈 때마다 아무도 안 계셨다....

 

시간이 그렇게 많지 않기도 했고, 정말 너무너무너무 궁금했다...ㅋㅋㅋㅋ

그래서 iOS 개발자 오픈 채팅을 찾아서 질문했는데 생각보다 금방

Toast Message를 알 수 있었다ㅋㅋㅋㅋ

 

 

 

 

 

토스트 메시지 사용 코드 

 

func showToast() {
        let toastLabel = UILabel()
        toastLabel.backgroundColor = UIColor.black.withAlphaComponent(0.7)
        toastLabel.textColor = UIColor.white
        toastLabel.font = UIFont.systemFont(ofSize: 17.0)
        toastLabel.textAlignment = .center
        toastLabel.text = "장바구니에 메뉴를 추가했습니다"
        toastLabel.alpha = 1.0
        toastLabel.layer.cornerRadius = 7
        toastLabel.clipsToBounds  =  true
            
        self.view.addSubview(toastLabel)
            
        UIView.animate(withDuration: 0.9, delay: 0.6, options: .curveEaseOut, animations: {
            toastLabel.alpha = 0.0
        }, completion: {(isCompleted) in
            toastLabel.removeFromSuperview()
        })
        
        toastLabel.snp.makeConstraints {
            $0.center.equalToSuperview()
            $0.width.equalTo(280)
            $0.height.equalTo(50)
        }
    }

 

 

 

 

 

 

🔗 Reference
https://royhelen.tistory.com/46