[swift] PKHUD를 활용한 상품 추가/수정 결과 표시하기

개요

앱에서 상품을 추가하거나 수정한 후에 사용자에게 결과를 알려주기 위해서는 간단하고 직관적인 방법이 필요합니다. 이때, PKHUD 라이브러리를 사용하면 편리하게 상태 표시를 구현할 수 있습니다. 이번 블로그 포스트에서는 PKHUD를 활용하여 상품 추가 및 수정의 결과를 알려주는 기능을 구현하는 방법을 알아보겠습니다.

PKHUD 설치하기

먼저, PKHUD를 설치해야 합니다. CocoaPods를 사용하고 있다면, Podfile에 다음과 같이 PKHUD를 추가합니다.

pod 'PKHUD'

그리고 터미널에서 다음 명령어를 실행하여 Pod을 설치합니다.

pod install

상품 추가/수정 결과 표시하기

  1. 프로젝트에 PKHUD import하기

    import PKHUD
    
  2. 상품 추가/수정 완료 시에 PKHUD로 결과 표시하기

    다음은 상품 추가가 완료되었을 경우 PKHUD로 결과를 표시하는 예시입니다.

    HUD.flash(.label("상품이 추가되었습니다."), delay: 1.0)
    

    위 코드에서 .label("상품이 추가되었습니다.")는 PKHUD에 라벨 형태로 표시할 내용을 입력하는 부분입니다. delay 매개변수는 표시 시간을 지정합니다.

    수정 완료되었을 경우에도 동일한 방식으로 PKHUD를 사용하여 결과를 표시할 수 있습니다.

    HUD.flash(.success, delay: 1.0)
    

    .success는 성공적으로 표시하는 스타일을 나타내며, 필요에 따라 다른 스타일을 사용할 수 있습니다.

  3. PKHUD 설정하기

    PKHUD는 디자인적인 요소에 대한 커스터마이징이 가능합니다. 예를 들어, HUD의 배경색을 변경하고 싶다면 다음과 같이 설정합니다.

    PKHUD.sharedHUD.contentView = PKHUDSquareBaseView()
    PKHUD.sharedHUD.contentView.backgroundColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.5)
    

    위 코드에서는 PKHUDSquareBaseView를 사용하고, 배경색은 검은색에 투명도를 0.5로 설정했습니다. 필요에 따라 다른 커스터마이징 설정을 적용할 수 있습니다.

결론

PKHUD를 사용하면 앱에서 간단하고 멋진 결과 표시 기능을 구현할 수 있습니다. 이러한 상태 표시는 사용자에게 현재 진행 상황을 알려주며, 사용자 경험을 향상시키는 데 도움이 됩니다. PKHUD를 활용하여 상품 추가/수정 결과를 보여주는 기능을 구현해보세요.

참고 자료