Initial commit
This commit is contained in:
oscarz
@ -6,13 +6,211 @@
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
import ToastUI
|
||||
|
||||
struct WordsView: View {
|
||||
@EnvironmentObject var globalEnv: GlobalEnvironment // 引入环境对象
|
||||
|
||||
@State private var searchText = ""
|
||||
@State private var showingResults = false
|
||||
@State private var res = WordDetails()
|
||||
@State private var isLoading = false // 控制加载指示器的显示
|
||||
@State private var showingToast = false // 控制是否显示toast
|
||||
@State private var toastText = ""
|
||||
|
||||
var body: some View {
|
||||
Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
|
||||
NavigationView {
|
||||
ZStack {
|
||||
// 设置背景色
|
||||
Color.pink.opacity(0.2).edgesIgnoringSafeArea(.all)
|
||||
|
||||
VStack(spacing: 0) {
|
||||
// 搜索框区域
|
||||
HStack {
|
||||
TextField("word", text: $searchText, onCommit: fetchWordData)
|
||||
.padding(.horizontal, 40)
|
||||
.padding(.vertical, 10)
|
||||
.background(Color(.systemGray6))
|
||||
.cornerRadius(8)
|
||||
.font(.headline)
|
||||
.overlay(
|
||||
Image(systemName: "magnifyingglass")
|
||||
.foregroundColor(.gray)
|
||||
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading).padding(.leading, 8)
|
||||
)
|
||||
Spacer()
|
||||
|
||||
Button("Cancel") {
|
||||
self.searchText = ""
|
||||
self.showingResults = false
|
||||
self.hideKeyboard()
|
||||
}
|
||||
}
|
||||
.background(Color(.systemPink).opacity(0.2))
|
||||
.cornerRadius(5) // 边框圆角
|
||||
.shadow(radius: 2) // 轻微阴影
|
||||
.padding(8)
|
||||
|
||||
|
||||
// 使用 Spacer 来推动搜索框保持在顶部
|
||||
if !showingResults {
|
||||
Spacer()
|
||||
}
|
||||
|
||||
if showingResults {
|
||||
// 结果显示区域
|
||||
HStack {
|
||||
List {
|
||||
Section(header: Text("Definitions").font(.headline)) {
|
||||
ForEach(res.explanations, id: \.self) { definition in
|
||||
Text(definition)
|
||||
.font(.system(.subheadline))
|
||||
.padding(.leading, 4)
|
||||
}
|
||||
}
|
||||
|
||||
Section(header: Text("Common Phrases").font(.headline)) {
|
||||
ForEach(res.phrases, id: \.self) { phrase in
|
||||
Text(phrase)
|
||||
.font(.system(.subheadline))
|
||||
.padding(.leading, 4)
|
||||
}
|
||||
}
|
||||
|
||||
Section(header: Text("Synonyms").font(.system(size: UIFont.systemFontSize * 1.2))) {
|
||||
ForEach(res.synonyms, id: \.self) { synonym in
|
||||
Text(synonym)
|
||||
.font(.system(.subheadline))
|
||||
.padding(.leading, 4)
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(8)
|
||||
.cornerRadius(5) // 边框圆角
|
||||
.frame(maxHeight: .infinity) // 限制ErrorCard占用半个屏幕 */
|
||||
}
|
||||
.listStyle(GroupedListStyle()) // 使用分组列表样式，以适应背景
|
||||
}
|
||||
}
|
||||
.toast(isPresented: $showingToast, dismissAfter: globalEnvironment.toastPresentMsNormal) {
|
||||
HStack {
|
||||
Image(systemName: "exclamationmark.bubble")
|
||||
.foregroundColor(.yellow)
|
||||
Text(toastText)
|
||||
.foregroundColor(.black)
|
||||
}
|
||||
.padding()
|
||||
.background(Color.white)
|
||||
.cornerRadius(8)
|
||||
.shadow(radius: 10)
|
||||
}
|
||||
|
||||
// 加载指示器
|
||||
if isLoading {
|
||||
LoadingView()
|
||||
}
|
||||
}
|
||||
.onTapGesture {
|
||||
// 点击任何非TextField区域时收起键盘
|
||||
self.hideKeyboard()
|
||||
|
||||
}
|
||||
.navigationBarTitle("Words", displayMode: .inline)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
private func hideKeyboard() {
|
||||
UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
|
||||
}
|
||||
|
||||
// 模拟加载数据
|
||||
func loadData() {
|
||||
isLoading = true
|
||||
}
|
||||
func loadComplete(){
|
||||
isLoading = false
|
||||
}
|
||||
|
||||
private func fetchWordData() {
|
||||
// 清除输入内容前后的空格
|
||||
let trimmedText = searchText.trimmingCharacters(in: .whitespacesAndNewlines)
|
||||
|
||||
// 检查是否为空
|
||||
if trimmedText.isEmpty {
|
||||
showingToast = true
|
||||
toastText = "Please enter some text."
|
||||
return // 提前返回，不执行网络请求
|
||||
}
|
||||
|
||||
// 检查长度是否超过200个字符
|
||||
if trimmedText.count > globalEnvironment.MaxLenWords {
|
||||
showingToast = true
|
||||
toastText = "Input too long. Please re-enter the text."
|
||||
return // 提前返回，不执行网络请求
|
||||
}
|
||||
|
||||
// 检查是否含有非法字符
|
||||
let checkRes = CommonFunc.shared.validateInputEng(input: trimmedText, isSingleWord: true)
|
||||
if !checkRes.isValid {
|
||||
showingToast = true
|
||||
toastText = checkRes.message
|
||||
return
|
||||
}
|
||||
/*
|
||||
if trimmedText.range(of: "[^a-zA-Z]", options: .regularExpression) != nil {
|
||||
showingToast = true
|
||||
toastText = "Please enter valid characters."
|
||||
return // 提前返回，不执行网络请求
|
||||
}
|
||||
*/
|
||||
|
||||
loadData() // 添加提交的提示
|
||||
NetworkManager.shared.fetchWordDetails(inputText: trimmedText) { result in
|
||||
switch result {
|
||||
case .success(let wordDetails):
|
||||
DispatchQueue.main.async {
|
||||
res = wordDetails
|
||||
showingResults = true
|
||||
}
|
||||
logger.info("fetch words succ.", context: ["word":wordDetails.word, "explanations":wordDetails.explanations, "phrases":wordDetails.phrases, "synonyms":wordDetails.synonyms])
|
||||
case .failure(let error):
|
||||
switch error {
|
||||
case .businessError(let ret, let message):
|
||||
// 业务错误，比如无免费可用次数等，需要处理逻辑。
|
||||
logger.error("Business error - Ret: \(ret), Message: \(message)")
|
||||
DispatchQueue.main.async {
|
||||
showingToast = true
|
||||
switch ret{
|
||||
case globalEnvironment.RetCodeFreeLimited:
|
||||
toastText = globalEnvironment.FreeLimitedToast
|
||||
case globalEnvironment.RetCodeDirtyInput:
|
||||
toastText = globalEnvironment.DirtyInputErrToast
|
||||
default:
|
||||
toastText = globalEnvironment.OtherServerErrToast
|
||||
}
|
||||
}
|
||||
case .other(let error):
|
||||
logger.error("network error occurred: \(error.localizedDescription)")
|
||||
DispatchQueue.main.async {
|
||||
showingToast = true
|
||||
toastText = globalEnvironment.NetWorkErrToast
|
||||
}
|
||||
}
|
||||
}
|
||||
loadComplete()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
struct WordsView_Previews: PreviewProvider {
|
||||
static var previews: some View {
|
||||
WordsView()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#Preview {
|
||||
WordsView()
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user