[swift] PeekPop을 사용한 앱 내 오디오 플레이어 구현 방법

16 Nov 2023

swift

안녕하세요! 오늘은 Swift 언어를 사용하여 앱 내에서 PeekPop을 통해 오디오 플레이어를 구현하는 방법에 대해 알아보겠습니다.

1. PeekPop 이란?

PeekPop은 3D Touch를 지원하는 기기에서 미리보기와 팝 기능을 제공하는 UIKit 프레임워크의 일부입니다. Peek 기능은 사용자가 특정 콘텐츠를 누를 때 미리보기를 보여주고, Pop 기능은 더 세부적인 내용을 보여줍니다.

2. 오디오 플레이어 구현 방법

2.1. 3D Touch 기능 활성화하기

먼저, 앱에서 3D Touch 기능을 활성화해야 합니다. Info.plist 파일에 UIApplicationSupportsIndirectInputEvents 키를 추가하고, YES 값을 설정합니다.

<key>UIApplicationSupportsIndirectInputEvents</key>
<true />

2.2. PeekPop 등록하기

PeekPop을 사용하여 특정 뷰 컨트롤러에서 오디오 플레이어를 보여주려면, 해당 뷰 컨트롤러에서 UIViewControllerPreviewingDelegate 프로토콜을 채택하고 registerForPreviewing(with:sourceView:) 메서드를 사용하여 PeekPop을 등록해야 합니다.

class ViewController: UIViewController, UIViewControllerPreviewingDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()
        if traitCollection.forceTouchCapability == .available {
            registerForPreviewing(with: self, sourceView: view)
        }
    }

    // PeekPop을 위한 Delegate 메서드
    func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
        // 미리보기를 보여줄 뷰 컨트롤러를 반환하는 로직 구현
    }

    func previewingContext(_ previewingContext: UIViewControllerPreviewing, commit viewControllerToCommit: UIViewController) {
        // Pop을 위한 로직 구현
    }
}

2.3. 미리보기 및 팝업 뷰 컨트롤러 설정

previewingContext(_:viewControllerForLocation:) 메서드를 구현하여 미리보기를 보여줄 뷰 컨트롤러를 반환하고, previewingContext(_:commit:) 메서드를 구현하여 팝업 뷰 컨트롤러를 설정합니다.

func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
    // 특정 위치를 기준으로 미리보기할 뷰 등록
    guard let indexPath = tableView.indexPathForRow(at: location),
          let cell = tableView.cellForRow(at: indexPath) else {
        return nil
    }
    
    // 미리보기로 보여줄 뷰 컨트롤러 생성
    let previewVC = AudioPreviewController(audio: audios[indexPath.row])
    
    // 미리보기 영역 설정
    previewVC.preferredContentSize = CGSize(width: 0.0, height: 250.0)
    previewingContext.sourceRect = cell.frame
    
    return previewVC
}

func previewingContext(_ previewingContext: UIViewControllerPreviewing, commit viewControllerToCommit: UIViewController) {
    // Popup으로 보여줄 뷰 컨트롤러 설정
    showPopupViewController(viewControllerToCommit)
}

이제 뷰 컨트롤러에서 원하는 오디오 플레이어를 미리보기로 등록하고, 사용자가 터치 시 팝업 뷰로 확대하여 디테일한 정보를 보여줄 수 있습니다.

마무리

이번 포스트에서는 Swift 언어를 사용하여 PeekPop을 통해 앱 내에서 오디오 플레이어를 구현하는 방법에 대해 알아보았습니다. PeekPop을 활용하여 앱의 사용성을 향상시키고 다양한 콘텐츠를 제공할 수 있습니다. 새로운 기능을 도입하여 사용자들의 경험을 더욱 향상시킬 수 있기 때문에, 앱 개발에 PeekPop을 적극 활용하는 것을 추천합니다.

참고 문서:

Apple Developer Documentation