How to use TipKit to highlight features in your iOS app
Medium
iOS에서 제공하는 TipKit 프레임워크를 도입하고, 새로운 기능을 더 쉽게 검색할 수 있도록 사용자를 도운 사례를 가져와 봤습니다! 사용자 경험에 큰 도움이 되는 요소입니다.
Tip은 사용자에게 앱의 가장 중요한 세부 정보를 안내하는 데에 큰 도움이 되는 요소인데요. '
앱에 새로운 기능을 추가할 계획이 있다면 이 기능을 더 쉽게 구현할 수 있는 방법에 대해 살펴보겠습니다.
원글을 작성한 개발자는 Coffee Shop 앱에 추가한 새로운 기능에 대한 Tip을 작성했습니다. 사용자가 주문 내역을 보고 신속하게 액세스하고, 반복할 수 있죠.
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")
}
}
Loading tip
팁을 앱에 로드한다. 앱이 시작할 때 configure(_:) 메소드를 호출한다.
@main
struct CoffeeShopDemoApp: App {
init() {
try? Tips.configure()
}
var body: some Scene {
WindowGroup {
ContainerView()
}
}
}
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
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 2월 15일 오전 3:16
1. 2년, 3년 앞을 미리 생각해야 합니다. 2~3년 앞을 생각한다면 왜 오늘 100개의 결정을 해야 할까요?
제가 한국에서 직장 생활을 시작하고 가장 먼저 배운 것은 아이러니하게도 야근이었습니다. 신입이었던 제게 야근은 선택의 문제가 아니었거든요. 선배들에게 야근은 너무나 당연한 루틴이었고, 저녁 5시가 되면 "퇴근 안 해?"가 아니라 "저녁 뭐 먹을까?"라는 질문을 던졌습니다. 누가 정해놓은 것처럼 부장님이 퇴근해야 과장님이, 과장님이 퇴근해야 대리님이, 대리님이 퇴근해야 비로서 저 같은 신입도 퇴근 생각을 할 수 있었습니다.
... 더 보기지
... 더 보기아직 나도 정립되지 않은 상태이긴한데, 실무에서의 바이브 코딩은 다르다.
비단 개발자 관점에서만이 아니라, 기획자, 디자이너도 마찬가지로 다른 방식을 써야한다.
AI와 코딩할 때, 혹시 결과만 말하고 계신가요?
얼마 전 프로필 페이지를 AI와 함께 만들면서 이상한 걸 발견했어요.