TipKit : Swift 프레임워크 중 괜찮은 기능 ✔

iOS에서 제공하는 TipKit 프레임워크를 도입하고, 새로운 기능을 더 쉽게 검색할 수 있도록 사용자를 도운 사례를 가져와 봤습니다! 사용자 경험에 큰 도움이 되는 요소입니다.


Tip은 사용자에게 앱의 가장 중요한 세부 정보를 안내하는 데에 큰 도움이 되는 요소인데요. '

앱에 새로운 기능을 추가할 계획이 있다면 이 기능을 더 쉽게 구현할 수 있는 방법에 대해 살펴보겠습니다.


원글을 작성한 개발자는 Coffee Shop 앱에 추가한 새로운 기능에 대한 Tip을 작성했습니다. 사용자가 주문 내역을 보고 신속하게 액세스하고, 반복할 수 있죠.


  1. Tip content

    • Tip 프로토콜을 구현하여 팁에 표시하려는 내용을 정의한다.

struct HistoryTip: Tip {
    var title: Text {
        Text("Access your order's history!")
    }
    
    var message: Text? {
        Text("You can quickly repeat any order you want")
    }
}
  1. Loading tip

    • 팁을 앱에 로드한다. 앱이 시작할 때 configure(_:) 메소드를 호출한다.

@main
struct CoffeeShopDemoApp: App {
    
  init() {
    try? Tips.configure()
  }

  var body: some Scene {
    WindowGroup {
      ContainerView()
    }
  }
}
  1. Showing tips

    • 두 가지 보기 스타일 중 선택할 수 있음

      • Inline : 원하는 곳에 배치할 수 있음. 팁 인트턴스와 화살표를 놓을 방향만 결정

        import SwiftUI
        import TipKit
        
        struct HomeView: View {
          private let tip = HistoryTip()
            
          var body: some View {
              HStack {
                  TipView(tip, arrowEdge: .trailing)
                  Button {...}
              }
              .padding(.horizontal, 16)
          }
        }
      • Popover : 모든 화면 요소 위에 팁을 표시하는 View Modifier

        import SwiftUI
        import TipKit
        
        struct HomeView: View {
          private let tip = HistoryTip()
            
          var body: some View {
              HStack {
                Text("Menu")
                  .font(.largeTitle)
                Spacer()
                Button {
                  ...
                } label : {
                    Image(systemName: "clock.arrow.circlepath")
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .frame(width: 25, height: 25)
                }
                .popoverTip(tip)
                .onTapGesture {
                  tip.invalidate(reason: .actionPerformed)
                }
              }
              .padding(.horizontal, 16)
          }

이 외에도 팁을 언제 표시할 지 제어하는 기능도 사용할 수 있습니다.


더 다양한 코드와 기능들은 아래 링크를 참고해 보세요 ^,^


https://medium.com/@blorenzop/swiftui-and-tipkit-eb7d99657fc8

How to use TipKit to highlight features in your iOS app

Medium

How to use TipKit to highlight features in your iOS app

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 2월 15일 오전 3:16

댓글 0

    함께 읽은 게시물

    < 가장 뛰어난 사람들은 ‘결정’을 아껴 쓴다 >

    1. 2년, 3년 앞을 미리 생각해야 합니다. 2~3년 앞을 생각한다면 왜 오늘 100개의 결정을 해야 할까요?

    ... 더 보기

    야근의 관성

    제가 한국에서 직장 생활을 시작하고 가장 먼저 배운 것은 아이러니하게도 야근이었습니다. 신입이었던 제게 야근은 선택의 문제가 아니었거든요. 선배들에게 야근은 너무나 당연한 루틴이었고, 저녁 5시가 되면 "퇴근 안 해?"가 아니라 "저녁 뭐 먹을까?"라는 질문을 던졌습니다. 누가 정해놓은 것처럼 부장님이 퇴근해야 과장님이, 과장님이 퇴근해야 대리님이, 대리님이 퇴근해야 비로서 저 같은 신입도 퇴근 생각을 할 수 있었습니다.

    ... 더 보기

     • 

    저장 15 • 조회 3,629


    < 퇴근길 작은 트럭에게 약속의 무게를 배우다 >

    1

    ... 더 보기

    MCP 이제 정말 써보고 싶지요?

    ... 더 보기

    [MCP] 업무에 유용한 MCP 7종 설치 방법 알아보기 - 골든래빗

    bit.ly

    [MCP] 업무에 유용한 MCP 7종 설치 방법 알아보기 - 골든래빗

     • 

    저장 5 • 조회 198


    아직 나도 정립되지 않은 상태이긴한데, 실무에서의 바이브 코딩은 다르다.


    비단 개발자 관점에서만이 아니라, 기획자, 디자이너도 마찬가지로 다른 방식을 써야한다.


    ... 더 보기

    AI와 코딩할 때, 혹시 결과만 말하고 계신가요?
    얼마 전 프로필 페이지를 AI와 함께 만들면서 이상한 걸 발견했어요.

    ... 더 보기

    - YouTube

    youtu.be

     - YouTube