79 lines
2.2 KiB
Swift
79 lines
2.2 KiB
Swift
//
|
|
// CapsuleTabBar.swift
|
|
// SodaLive
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct CapsuleTabBar<Item: Hashable>: View {
|
|
let items: [Item]
|
|
@Binding var selectedItem: Item
|
|
let title: (Item) -> String
|
|
|
|
var body: some View {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
LazyHStack(alignment: .center, spacing: SodaSpacing.s8) {
|
|
ForEach(items, id: \.self) { item in
|
|
CapsuleTabBarItem(
|
|
title: title(item),
|
|
isSelected: selectedItem == item,
|
|
action: {
|
|
selectedItem = item
|
|
}
|
|
)
|
|
}
|
|
}
|
|
.padding(.horizontal, SodaSpacing.s20)
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.frame(height: 52, alignment: .center)
|
|
.background(Color.black)
|
|
}
|
|
}
|
|
|
|
private struct CapsuleTabBarItem: View {
|
|
let title: String
|
|
let isSelected: Bool
|
|
let action: () -> Void
|
|
|
|
var body: some View {
|
|
Button {
|
|
action()
|
|
} label: {
|
|
Text(title)
|
|
.appFont(.body5)
|
|
.foregroundColor(Color.white)
|
|
.lineLimit(1)
|
|
.padding(.horizontal, SodaSpacing.s12)
|
|
.padding(.vertical, SodaSpacing.s8)
|
|
.frame(height: 34)
|
|
.background(isSelected ? Color.soda400 : Color.black)
|
|
.clipShape(Capsule())
|
|
.overlay(
|
|
Capsule()
|
|
.stroke(isSelected ? Color.soda400 : Color.gray700, lineWidth: 1)
|
|
)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
|
|
struct CapsuleTabBar_Previews: PreviewProvider {
|
|
private enum PreviewTab: String, CaseIterable {
|
|
case recommended = "추천"
|
|
case ranking = "랭킹"
|
|
case following = "팔로잉"
|
|
case live = "라이브"
|
|
case content = "콘텐츠"
|
|
case audition = "오디션"
|
|
}
|
|
|
|
static var previews: some View {
|
|
CapsuleTabBar(
|
|
items: PreviewTab.allCases,
|
|
selectedItem: .constant(.recommended),
|
|
title: { $0.rawValue }
|
|
)
|
|
}
|
|
}
|