Refactor ContentView to improve UI layout and user experience; replace existing components with a modern design featuring gradient backgrounds, enhanced navigation links for QR code creation, scanning, and history, while removing unused state management for scanned results.
v504
10 months ago
parent
a58e0dddde
commit
076ba18859
@ -0,0 +1,240 @@
|
||||
import SwiftUI
|
||||
|
||||
struct SettingsView: View {
|
||||
@StateObject private var languageManager = LanguageManager.shared
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
|
||||
var body: some View {
|
||||
NavigationView {
|
||||
ZStack {
|
||||
// 背景渐变
|
||||
LinearGradient(
|
||||
gradient: Gradient(colors: [
|
||||
Color(.systemBackground),
|
||||
Color(.systemGray6).opacity(0.2)
|
||||
]),
|
||||
startPoint: .top,
|
||||
endPoint: .bottom
|
||||
)
|
||||
.ignoresSafeArea()
|
||||
|
||||
ScrollView {
|
||||
VStack(spacing: 24) {
|
||||
// 顶部图标
|
||||
VStack(spacing: 16) {
|
||||
ZStack {
|
||||
Circle()
|
||||
.fill(
|
||||
LinearGradient(
|
||||
gradient: Gradient(colors: [
|
||||
Color.blue.opacity(0.1),
|
||||
Color.blue.opacity(0.05)
|
||||
]),
|
||||
startPoint: .topLeading,
|
||||
endPoint: .bottomTrailing
|
||||
)
|
||||
)
|
||||
.frame(width: 80, height: 80)
|
||||
|
||||
Image(systemName: "gearshape.fill")
|
||||
.font(.system(size: 36, weight: .light))
|
||||
.foregroundColor(.blue)
|
||||
}
|
||||
|
||||
Text("设置")
|
||||
.font(.system(size: 28, weight: .bold, design: .rounded))
|
||||
.foregroundColor(.primary)
|
||||
}
|
||||
.padding(.top, 20)
|
||||
|
||||
// 语言设置卡片
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
HStack {
|
||||
Image(systemName: "globe")
|
||||
.font(.system(size: 20, weight: .medium))
|
||||
.foregroundColor(.blue)
|
||||
.frame(width: 32)
|
||||
|
||||
VStack(alignment: .leading, spacing: 4) {
|
||||
Text("语言设置")
|
||||
.font(.system(size: 18, weight: .semibold))
|
||||
Text("选择应用显示语言")
|
||||
.font(.system(size: 14))
|
||||
.foregroundColor(.secondary)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
}
|
||||
|
||||
Picker("语言", selection: $languageManager.currentLanguage) {
|
||||
ForEach(Language.allCases, id: \.self) { language in
|
||||
Text(language.displayName).tag(language)
|
||||
}
|
||||
}
|
||||
.pickerStyle(SegmentedPickerStyle())
|
||||
}
|
||||
.padding(20)
|
||||
.background(
|
||||
RoundedRectangle(cornerRadius: 16)
|
||||
.fill(Color(.systemBackground))
|
||||
.shadow(color: .black.opacity(0.05), radius: 8, x: 0, y: 2)
|
||||
)
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
// 应用信息卡片
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
HStack {
|
||||
Image(systemName: "info.circle")
|
||||
.font(.system(size: 20, weight: .medium))
|
||||
.foregroundColor(.green)
|
||||
.frame(width: 32)
|
||||
|
||||
Text("应用信息")
|
||||
.font(.system(size: 18, weight: .semibold))
|
||||
|
||||
Spacer()
|
||||
}
|
||||
|
||||
VStack(spacing: 12) {
|
||||
HStack {
|
||||
Text("版本")
|
||||
.font(.system(size: 16))
|
||||
.foregroundColor(.secondary)
|
||||
Spacer()
|
||||
Text("1.0.0")
|
||||
.font(.system(size: 16, weight: .medium))
|
||||
}
|
||||
|
||||
HStack {
|
||||
Text("构建版本")
|
||||
.font(.system(size: 16))
|
||||
.foregroundColor(.secondary)
|
||||
Spacer()
|
||||
Text("1")
|
||||
.font(.system(size: 16, weight: .medium))
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(20)
|
||||
.background(
|
||||
RoundedRectangle(cornerRadius: 16)
|
||||
.fill(Color(.systemBackground))
|
||||
.shadow(color: .black.opacity(0.05), radius: 8, x: 0, y: 2)
|
||||
)
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
// 功能说明卡片
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
HStack {
|
||||
Image(systemName: "star.fill")
|
||||
.font(.system(size: 20, weight: .medium))
|
||||
.foregroundColor(.orange)
|
||||
.frame(width: 32)
|
||||
|
||||
Text("功能特色")
|
||||
.font(.system(size: 18, weight: .semibold))
|
||||
|
||||
Spacer()
|
||||
}
|
||||
|
||||
VStack(spacing: 16) {
|
||||
FeatureRow(
|
||||
icon: "camera.fill",
|
||||
iconColor: .blue,
|
||||
title: "扫描功能",
|
||||
description: "支持扫描二维码和条形码，自动识别类型并保存到历史记录"
|
||||
)
|
||||
|
||||
FeatureRow(
|
||||
icon: "plus.circle.fill",
|
||||
iconColor: .green,
|
||||
title: "创建功能",
|
||||
description: "可以手动创建各种类型的二维码和条形码"
|
||||
)
|
||||
|
||||
FeatureRow(
|
||||
icon: "clock.arrow.circlepath",
|
||||
iconColor: .orange,
|
||||
title: "历史记录",
|
||||
description: "自动保存所有扫描和创建的条码，支持收藏和管理"
|
||||
)
|
||||
}
|
||||
}
|
||||
.padding(20)
|
||||
.background(
|
||||
RoundedRectangle(cornerRadius: 16)
|
||||
.fill(Color(.systemBackground))
|
||||
.shadow(color: .black.opacity(0.05), radius: 8, x: 0, y: 2)
|
||||
)
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
// 关于卡片
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
HStack {
|
||||
Image(systemName: "heart.fill")
|
||||
.font(.system(size: 20, weight: .medium))
|
||||
.foregroundColor(.red)
|
||||
.frame(width: 32)
|
||||
|
||||
Text("关于")
|
||||
.font(.system(size: 18, weight: .semibold))
|
||||
|
||||
Spacer()
|
||||
}
|
||||
|
||||
Text("QR Scanner 是一款功能强大的二维码和条形码扫描应用，支持多种格式的条码识别和创建。")
|
||||
.font(.system(size: 14))
|
||||
.foregroundColor(.secondary)
|
||||
.lineLimit(nil)
|
||||
}
|
||||
.padding(20)
|
||||
.background(
|
||||
RoundedRectangle(cornerRadius: 16)
|
||||
.fill(Color(.systemBackground))
|
||||
.shadow(color: .black.opacity(0.05), radius: 8, x: 0, y: 2)
|
||||
)
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
Spacer(minLength: 30)
|
||||
}
|
||||
}
|
||||
}
|
||||
.navigationTitle("")
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.navigationBarBackButtonHidden(false)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - 功能行组件
|
||||
struct FeatureRow: View {
|
||||
let icon: String
|
||||
let iconColor: Color
|
||||
let title: String
|
||||
let description: String
|
||||
|
||||
var body: some View {
|
||||
HStack(alignment: .top, spacing: 12) {
|
||||
Image(systemName: icon)
|
||||
.font(.system(size: 16, weight: .medium))
|
||||
.foregroundColor(iconColor)
|
||||
.frame(width: 20)
|
||||
|
||||
VStack(alignment: .leading, spacing: 4) {
|
||||
Text(title)
|
||||
.font(.system(size: 16, weight: .medium))
|
||||
|
||||
Text(description)
|
||||
.font(.system(size: 14))
|
||||
.foregroundColor(.secondary)
|
||||
.lineLimit(3)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
SettingsView()
|
||||
}
|
||||
Loading…
Reference in new issue