You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
237 lines
11 KiB
237 lines
11 KiB
import SwiftUI
|
|
|
|
struct SettingsView: View {
|
|
@EnvironmentObject private var languageManager: LanguageManager
|
|
|
|
var body: some View {
|
|
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("settings".localized)
|
|
.font(.system(size: 28, weight: .bold, design: .rounded))
|
|
.foregroundColor(.primary)
|
|
.id(languageManager.refreshTrigger)
|
|
}
|
|
.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("language_settings".localized)
|
|
.font(.system(size: 18, weight: .semibold))
|
|
.id(languageManager.refreshTrigger)
|
|
Text("select_app_language".localized)
|
|
.id(languageManager.refreshTrigger)
|
|
.font(.system(size: 14))
|
|
.foregroundColor(.secondary)
|
|
}
|
|
|
|
Spacer()
|
|
}
|
|
|
|
Picker("language".localized, selection: $languageManager.currentLanguage) {
|
|
ForEach(Language.allCases, id: \.self) { language in
|
|
Text(language.displayName).tag(language)
|
|
}
|
|
}
|
|
.pickerStyle(SegmentedPickerStyle())
|
|
.onChange(of: languageManager.currentLanguage) { newLanguage in
|
|
languageManager.switchLanguage(to: newLanguage)
|
|
}
|
|
}
|
|
.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("app_info".localized)
|
|
.font(.system(size: 18, weight: .semibold))
|
|
|
|
Spacer()
|
|
}
|
|
|
|
VStack(spacing: 12) {
|
|
HStack {
|
|
Text("version".localized)
|
|
.font(.system(size: 16))
|
|
.foregroundColor(.secondary)
|
|
Spacer()
|
|
Text("version_number".localized)
|
|
.font(.system(size: 16, weight: .medium))
|
|
}
|
|
|
|
HStack {
|
|
Text("build_version".localized)
|
|
.font(.system(size: 16))
|
|
.foregroundColor(.secondary)
|
|
Spacer()
|
|
Text("build_number".localized)
|
|
.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)
|
|
|
|
// 应用授权卡片
|
|
NavigationLink(destination: AppPermissionsView().environmentObject(languageManager)) {
|
|
VStack(alignment: .leading, spacing: 16) {
|
|
HStack {
|
|
Image(systemName: "lock.shield")
|
|
.font(.system(size: 20, weight: .medium))
|
|
.foregroundColor(.blue)
|
|
.frame(width: 32)
|
|
|
|
Text("app_permissions".localized)
|
|
.font(.system(size: 18, weight: .semibold))
|
|
|
|
Spacer()
|
|
|
|
Image(systemName: "chevron.right")
|
|
.font(.system(size: 14, weight: .medium))
|
|
.foregroundColor(.secondary)
|
|
}
|
|
|
|
Text("manage_app_permissions".localized)
|
|
.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)
|
|
)
|
|
}
|
|
.buttonStyle(PlainButtonStyle())
|
|
.padding(.horizontal, 20)
|
|
|
|
// 隐私政策卡片
|
|
NavigationLink(destination: PrivacyPolicyView().environmentObject(languageManager)) {
|
|
VStack(alignment: .leading, spacing: 16) {
|
|
HStack {
|
|
Image(systemName: "hand.raised.fill")
|
|
.font(.system(size: 20, weight: .medium))
|
|
.foregroundColor(.green)
|
|
.frame(width: 32)
|
|
|
|
Text("privacy_policy".localized)
|
|
.font(.system(size: 18, weight: .semibold))
|
|
|
|
Spacer()
|
|
|
|
Image(systemName: "chevron.right")
|
|
.font(.system(size: 14, weight: .medium))
|
|
.foregroundColor(.secondary)
|
|
}
|
|
|
|
Text("view_privacy_policy".localized)
|
|
.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)
|
|
)
|
|
}
|
|
.buttonStyle(PlainButtonStyle())
|
|
.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("about".localized)
|
|
.font(.system(size: 18, weight: .semibold))
|
|
|
|
Spacer()
|
|
}
|
|
|
|
Text("app_description_long".localized)
|
|
.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("settings".localized)
|
|
.navigationBarTitleDisplayMode(.large)
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
SettingsView()
|
|
.environmentObject(LanguageManager.shared)
|
|
} |