- Replace all deprecated NavigationLink(destination:) with NavigationLink(value: Route) - Add Route enum with navigationDestination mapping in new Core/Navigation/ - Extract 7 new sub-page files (AIChatPage, AIFeedbackPageView, RecallTestPage, WeakPointsPage, FeedbackFormView, GoalSettingDetailView, MethodPreferenceView) - Add @ScaledMetric-based zxFontScaled modifier for Dynamic Type - Fix ZXPressModifier gesture conflict with ScrollView using onLongPressGesture - Enlarge touch targets from 36pt to 44pt - Add accessibility labels to TextField and other controls Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
144 lines
6.2 KiB
Swift
144 lines
6.2 KiB
Swift
import SwiftUI
|
|
|
|
struct ContentView: View {
|
|
@State private var selectedTab = "ai"
|
|
var body: some View {
|
|
ZStack {
|
|
switch selectedTab {
|
|
case "ai": NavigationStack { AIHomeView().background(Color.zxBg0.ignoresSafeArea()) }
|
|
case "library": NavigationStack { LibraryHomeView().background(Color.zxBg0.ignoresSafeArea()) }
|
|
case "study": NavigationStack { StudyHomeView().background(Color.zxBg0.ignoresSafeArea()) }
|
|
case "analysis": NavigationStack { AnalysisHomeView().background(Color.zxBg0.ignoresSafeArea()) }
|
|
case "profile": NavigationStack { ProfileView().background(Color.zxBg0.ignoresSafeArea()) }
|
|
default: NavigationStack { AIHomeView() }
|
|
}
|
|
VStack { Spacer(); ZXTabBar(active: $selectedTab) }.ignoresSafeArea(edges: .bottom)
|
|
}
|
|
.animation(.easeInOut(duration: 0.2), value: selectedTab)
|
|
.ignoresSafeArea(edges: .bottom)
|
|
}
|
|
}
|
|
|
|
struct ZXTabBar: View {
|
|
@Binding var active: String
|
|
private let items = [
|
|
("ai", "AI", "brain.head.profile"),
|
|
("library", "知识库", "books.vertical"),
|
|
("study", "学习", "bolt"),
|
|
("analysis", "分析", "chart.bar"),
|
|
("profile", "我的", "person"),
|
|
]
|
|
|
|
var body: some View {
|
|
HStack(spacing: 0) {
|
|
ForEach(items, id: \.0) { item in
|
|
let on = item.0 == active
|
|
Button {
|
|
active = item.0
|
|
} label: {
|
|
VStack(spacing: 4) {
|
|
ZStack(alignment: .top) {
|
|
if on {
|
|
Capsule()
|
|
.fill(Color.zxPurple)
|
|
.frame(width: 20, height: 3)
|
|
.offset(y: -4)
|
|
}
|
|
Image(systemName: on ? "\(item.2).fill" : item.2)
|
|
.font(.system(size: 22))
|
|
.foregroundColor(on ? Color.zxPurple : Color.zxF03)
|
|
}
|
|
Text(item.1)
|
|
.font(.system(size: 10, weight: on ? .semibold : .regular))
|
|
.foregroundColor(on ? Color.zxPurple : Color.zxF03)
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
}
|
|
.accessibilityLabel("\(item.1)标签")
|
|
}
|
|
}
|
|
.padding(.top, 6)
|
|
.padding(.bottom, 34)
|
|
.frame(height: 83)
|
|
.background(.ultraThinMaterial)
|
|
.background(Color.zxBg0.opacity(0.95))
|
|
.overlay(alignment: .top) {
|
|
Rectangle().fill(Color.zxBorder008).frame(height: 1)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct ZXIconBtn: View {
|
|
let icon: String; let size: CGFloat; var branded = false; let action: () -> Void
|
|
var body: some View {
|
|
Button(action: action) {
|
|
Image(systemName: icon).font(.system(size: size * 0.44)).frame(width: size, height: size)
|
|
}
|
|
.foregroundColor(branded ? .white : Color.zxF05)
|
|
.background(branded ? AnyView(ZXGradient.brand) : AnyView(Color(hex: "#FFFFFF", opacity: 0.05)))
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
.overlay {
|
|
if !branded {
|
|
RoundedRectangle(cornerRadius: 10).stroke(Color.zxBorder008, lineWidth: 1)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct ZXScoreBox: View {
|
|
let score: Int; let bg: Color; let fg: Color
|
|
var body: some View {
|
|
Text("\(score)")
|
|
.font(.system(size: 12, weight: .heavy))
|
|
.foregroundColor(fg)
|
|
.frame(width: 36, height: 36)
|
|
.background(bg)
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
}
|
|
}
|
|
|
|
struct ZXWeakRow: View {
|
|
let score: Int; let topic: String; let lib: String; let priority: String
|
|
var body: some View {
|
|
HStack(spacing: 12) {
|
|
Text("\(score)").font(.system(size: 13, weight: .heavy)).foregroundColor(Color.zxYellow)
|
|
.frame(width: 40, height: 40).background(Color.zxYellowBG(0.15)).clipShape(RoundedRectangle(cornerRadius: 12))
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
Text(topic).font(.system(size: 13, weight: .semibold)).foregroundColor(Color.zxF0)
|
|
Text(lib).font(.system(size: 11)).foregroundColor(Color.zxF04)
|
|
}.frame(maxWidth: .infinity, alignment: .leading)
|
|
Text("\(priority)优先").font(.system(size: 11, weight: .bold))
|
|
.foregroundColor(priority == "高" ? Color.zxRed : Color.zxYellow)
|
|
.padding(.horizontal, 8).padding(.vertical, 3)
|
|
.background((priority == "高" ? Color.zxRedBG(0.15) : Color.zxYellowBG(0.15))).clipShape(Capsule())
|
|
}
|
|
.padding(.horizontal, 16).padding(.vertical, 12)
|
|
.background(Color.zxYellowBG(0.06))
|
|
.overlay(RoundedRectangle(cornerRadius: 14).stroke(Color(hex: "#F59E0B", opacity: 0.15), lineWidth: 1))
|
|
.clipShape(RoundedRectangle(cornerRadius: 14))
|
|
}
|
|
}
|
|
|
|
struct ZXAIInputBar: View {
|
|
@Binding var text: String; let onSend: () -> Void
|
|
var body: some View {
|
|
HStack(spacing: 10) {
|
|
Image(systemName: "sparkles").font(.system(size: 16)).foregroundColor(Color.zxPurple)
|
|
TextField("问 AI 任何学习问题…", text: $text).font(.system(size: 14)).tint(Color.zxPurple).accessibilityLabel("AI 学习问题输入框")
|
|
Spacer()
|
|
Image(systemName: "mic.fill").font(.system(size: 18)).foregroundColor(Color.zxF03).accessibilityLabel("语音输入")
|
|
Button(action: onSend) {
|
|
Image(systemName: "arrow.up").font(.system(size: 14, weight: .bold)).foregroundColor(.white)
|
|
.frame(width: 30, height: 30).background(ZXGradient.brand).clipShape(RoundedRectangle(cornerRadius: 9))
|
|
}
|
|
.zxPressable()
|
|
.disabled(text.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
|
|
.accessibilityLabel("发送消息")
|
|
}
|
|
.padding(.horizontal, 14).padding(.vertical, 10)
|
|
.background(.ultraThinMaterial).background(Color.zxFill004)
|
|
.overlay(RoundedRectangle(cornerRadius: 20).stroke(Color.zxBorder008, lineWidth: 1))
|
|
.clipShape(RoundedRectangle(cornerRadius: 20))
|
|
}
|
|
}
|