Swift's questions

代码： 我只想在选定的按钮视图上勾选，并且需要选定的按钮schoolCode，但是我的代码也得到了复选标记和选定的按钮代码，但是如果我选择按钮，它的位置就会改变..如果我选择第三个按钮，那么它就会像那样进入第二位...请修复这个错误

ScrollView(.horizontal, showsIndicators: false) {
    HStack {
        if let retrievedArray = UserDefaults.standard.stringArray(forKey: "SavedSchoolCodes") {
            let uniqueItems = Array(Set(retrievedArray))

            ForEach(uniqueItems, id: \.self) { item in
                if let school = schoolList.first(where: { $0.schoolCode == item }) {
                    Button {
                        viewModel.schoolCode = school.schoolCode ?? ""
                    } label: {
                        ZStack {
                            let correctedPhotoURL = school.logo?.replacingOccurrences(of: "//SchImg", with: "/SchImg") ?? ""
                            VStack {

                                URLImageView(url: correctedPhotoURL, placeholder: "NoProfilePic", width: 50, height: 50)

                                    .clipShape(Circle())
                                    .padding(.bottom, 4)
                                Text(school.schoolCode ?? "")
                                    .font(.headline)
                                    .foregroundColor(.black)
                            }
                            .frame(width: 100, height: 120)
                            .background(Color.gray.opacity(0.2))
                            .cornerRadius(10)

                            RoundedRectangle(cornerRadius: 10)

                                .stroke(viewModel.schoolCode == school.schoolCode ? Color.green : Color.clear, lineWidth: 2)
                                .frame(width: 100, height: 120)

                            if viewModel.schoolCode == school.schoolCode {

                                Image(systemName: "checkmark.circle.fill")
                                    .resizable()
                                    .frame(width: 20, height: 20)
                                    .foregroundColor(.green)
                                    .offset(x: 35, y: -45)
                            }
                        }
                    }
                    .padding(5)
                } else {
                    Text("\(item),")
                }
            }
        } else {
            Text("No array found in UserDefaults.")
        }
    }
    .padding(.horizontal)
}

o/p：当我选择时，我只想要复选标记。请指导如何修复更改位置。

代码：使用此代码，我可以导航到（ProfileView（）、HomeNew、NotificationsTabView、MessageTabView）之间的视图，非常清晰，我的意思是像非常快速的变化，但我需要它可以更顺畅地从一个视图更改为另一个视图

因为我的代码如果我快速地逐个更改视图然后在视图虚拟数据设计之前稍微花一点时间在当前视图中显示..

所以我需要在视图之间非常流畅的导航。那么如何实现视图之间的流畅导航呢？请指导我。

struct TabContainerViewNew: View {
    @Binding var index: Int?
    @State private var showSideMenu = false
    @State private var gotoSearch = false

    init(index: Binding<Int?>) {
        self._index = index
        UITabBar.appearance().isHidden = true
    }

    let tabs = [("Menu", "Menu_New"), ("My profile", "user"), ("Home", "MenuNew_Home"), ("Notification", "MenuNew_Notification"), ("Message", "MenuNew_Message")]
    
    var body: some View {
        ZStack(alignment: .bottom) {
            if let index = index {
                TabView(selection: Binding(
                    get: { index },
                    set: { newValue in
                        self.index = newValue
                    }
                )) {
                    ProfileView()
                        .tabItem {
                            Label("My profile", image: "icn_settings_tab")
                        }
                        .tag(1)

                    HomeNew()
                        .tabItem {
                            Label("Home", image: "icn_home_tab")
                        }
                        .tag(2)

                    NotificationsTabView()
                        .tabItem {
                            Label("Notification", image: "icn_notifications_tab")
                        }
                        .tag(3)

                    MessageTabView()
                        .tabItem {
                            Label("Message", image: "icn_message_tab")
                        }
                        .tag(4)
                }
                .tint(.white)
                .transition(.slide)
          }

            VStack(spacing: 0) {
          
                HStack(spacing: 0) {
                    ForEach(0..<tabs.count) { i in
                        if tabs[i].0 == "Menu" {
                            VStack {
                                Button(action: {
                                    withAnimation {
                                        showSideMenu.toggle()
                                    }
                                }) {
                                    Image(tabs[i].1)
                                        .renderingMode(.template)
                                        .resizable()
                                        .scaledToFit()
                                        .tint(.white.opacity(0.6))
                                        .frame(width: 24, height: 24)
                                        .padding(8)
                                }
                                Text(tabs[i].0)
                                    .foregroundColor(.white.opacity(0.6))
                                    .font(.system(size: 11))
                            }
                            .frame(maxWidth: .infinity)
                        } else {
                            TabButton(image: tabs[i].1, title: tabs[i].0, item: i, index: $index)
                                .frame(maxWidth: .infinity)
                        }
                    }
                }
                .padding(.horizontal, 7)
                .padding(.bottom, 15)
                .padding(.top, 5)
                .background(Color.appGreen2)
            }
        }
        
        .sideMenu(isShowing: $showSideMenu) {
            SideMenuView(isShowingMenu: $showSideMenu)
        }
    }
}

struct TabButton: View {
    var image: String
    var title: String
    var item: Int
    @Binding var index: Int?

    var body: some View {
        VStack {
            Button(action: {
                    index = item
            }) {
                Image(image)
                    .renderingMode(.template)
                    .resizable()
                    .foregroundColor(index == item ? .white : .white.opacity(0.6))
                    .frame(width: 24, height: 24)
                    .padding(8)
            }
            Text(title)
                .foregroundColor(index == item ? .white : .white.opacity(0.6))
                .fontWeight(index == item ? .bold : .regular)
                .font(.system(size: (index == item ? 11 : 11)))
        }
        .frame(maxWidth: .infinity) 
    }
}

如何获得这样的动画

代码：使用此代码，我可以正常导航视图，但如果我进入，AttendanceSwipeView(viewModel: viewModel)然后我点击仪表板，那么视图应该带有这种动画（就像从底部到后部的动画）...

我的意思是仪表板>出勤>提要...导航可以正常，但是

从 Feed 到 Attendance，再从 Attendance 到 Dashboard...这里需要从下到上的动画。如果可能的话，请指导我如何实现这一点。

struct DashboardBottomView: View {
    @StateObject var viewModel: AppDashboardViewModel
    @State var selectedClassInd: Int = 0
    @State private var stringArray = ["Dashboard", "Attendance", "Feed"]
    @State private var selectedIndex: Int? = nil
    @State private var selectedIndexStr: String? = "Dashboard"
    
    
    private func viewForSelectedIndex() -> some View {
        switch selectedIndexStr {
        case "Dashboard":
            return AnyView(DashboardView(viewModel: viewModel))
        case "Attendance":
            return AnyView(AttendanceSwipeView(viewModel: viewModel))
        case "Feed":
            return AnyView(DashboardFeedView())
        default:
            return AnyView(Text("Default View"))
        }
    }
    
    var body: some View {
        
        VStack(spacing: 0) {
            Spacer()
            
            ZStack {
                viewForSelectedIndex()
                    .toolbar(.hidden, for: .navigationBar)

            }
            
            ZStack{
                Color.appGreen2
                ScrollView(.horizontal, showsIndicators: false) {
                    LazyHGrid(rows: [GridItem(.flexible(), spacing: 0)], spacing: 0) {
                        ForEach(stringArray, id: \.self) { data in
                            Button {
                                withAnimation {
                                    selectedIndexStr = data
                                }
                            }
                        label: {
                            VStack {
                                Text(data)
                                    .font(.calibriBold(with: 14))
                                    .foregroundColor(Color.white)
                                    .padding(.horizontal, 8)
                                if selectedIndexStr == data {
                                    gradientDivider
                                        .frame(height: 2)
                                }
                            }
                            .frame(height: 40)
                            .frame(minWidth: 108)
                            .animation(.default, value: selectedClassInd)
                        }
                        .buttonStyle(.plain)
                        }
                    }
                    .padding(.bottom, 0)
                    .background(Color.appGreen2)
                }
                .frame(height: 55)
            }
        }
        .ignoresSafeArea()
        
        .onAppear {
            viewModel.fetchDashboardData { status in
                if status {
                    stringArray = viewModel.dashboardButtonsArray
                    selectedIndexStr = stringArray.first
                }
            }
        }
    }
}

代码：如果有的话favCell > Text(item.title ?? "") in 2 lines，那么为什么该行中显示不均匀的视图行？如何使该行 1 行文本高度或顶部和底部之间的空间也等于 2 行文本，请指导

我应该在哪里进行更改才能使一切平等，请指导

@ViewBuilder func favView() -> some View {
VStack {
    
    LazyVGrid(columns: [
        GridItem(.flexible(), spacing: 20),
        GridItem(.flexible(), spacing: 20),
        GridItem(.flexible(), spacing: 20),
        GridItem(.flexible(), spacing: 20)
    ], spacing: 20) {
        
        ForEach(0..<favMenu.count + 1, id: \.self) { ind in
            if (ind == favMenu.count) {
                addMoreButton()
            } else {
                favoriteButton(for: ind)
            }
        }
    }
    .padding(.top, 16)
}
.padding(.top, 35)
.padding(.horizontal, 24)
}

@ViewBuilder func favoriteButton(for index: Int) -> some View {
Button {
    handleFavoriteSelection(at: index)
} label: {
    favCell(item: favMenu[index], index: index)
}
.buttonStyle(.plain)
}

@ViewBuilder func favCell(item: AllMenu, index: Int) -> some View {
VStack(spacing: 10) {
    VStack(spacing: 0) {
        ZStack {
            RoundedRectangle(cornerRadius: 15)
                .fill(Color.Neumorphic.main)
                .softOuterShadow()
                .frame(width: 65, height: 65)
            URLImageView(url: item.icon ?? "", width: 25, height: 25, renderingMode: .template, tintColor: .appGreen)
                .frame(width: 25, height: 25)
        }
        .frame(width: 65, height: 65)
    }
    
    Text(item.title ?? "")
        .font(.calibriRegular(with: 13))
        .foregroundColor(.black)
        .lineLimit(2)
        .multilineTextAlignment(.center)
        .frame(width: 70)
        .fixedSize(horizontal: true, vertical: false)
        .padding(.horizontal, 4)
        .padding(.bottom, 10)
    
}
}

我有一个主视图，名为 TaskManagementView，其中有列表，如果我单击，taskCell > RoundedRectangle则如何data.id在 TaskManagementView 上显示该单元格的 PopupView

像这样我需要：

代码：使用此代码，如果我点击，taskCell > RoundedRectangle则 PopupView 会显示在所有单元格的侧面。如何修复并实现像上面屏幕那样的 o/p

struct TaskManagementView: View {

@Environment(\.dismiss) var dismiss
@StateObject private var viewModel = TaskManagementViewModel()
@State private var isComposeViewShown = false
var body: some View {
    ZStack {
        VStack(spacing: 0) {
            
            VStack {
                
                List {
                    ForEach(0..<viewModel.arrData.count, id: \.self) { i in
                        let data = viewModel.arrData[i]
                        Section {
                            if data.isExpanded {
                                ForEach(0..<data.items.count, id: \.self) { j in
                                    taskCell(data: data.items[j])
                                        .onTapGesture {
                                            gotoTaskDetails = true
                                        }
                                }
                            }
                        }
                    }
                }
            }
        }
        .onAppear {
            viewModel.fetchTasks(filterId: selectedFilterId) { status in
            }
        }
    }
}

@ViewBuilder func taskCell(data: TaskManagementData) -> some View {
    HStack(spacing: 16) {
        
        RoundedRectangle(cornerRadius: 2)
            .frame(width: 12, height: 12)
            .foregroundStyle(Color.orange)
            .onTapGesture {
                print("testing data id... \(data.id)")
                isComposeViewShown.toggle()
            }
        if isComposeViewShown {
            PopupView(isComposeViewShown: $isComposeViewShown)
        }
        VStack(alignment: .leading, spacing: 2) {
            Text(data.taskTitle ?? "")
                .lineLimit(1)
            
        }
    }
}
}



struct PopupView: View {
@Binding var isComposeViewShown: Bool

var body: some View {
    ZStack {
        Color.black.opacity(0.5)
            .edgesIgnoringSafeArea(.all)
            .onTapGesture {
                isComposeViewShown = false
            }
        //some other code of popup design
            .padding(.bottom, 150)
    }
}
}

上述代码的 o/p 不好：为什么 PopupView 显示在单元格内？我需要 TaskManagementView 上的 PopupView

我希望背景图像和绿色 UI 元素位于屏幕顶部，但代码位于绿色 UI 元素下方的中间。

代码：

struct AppointmentStep1: View {

    @Environment(\.dismiss) var dismiss

    var body: some View {
        ZStack {
            // Background image
            Image("home_bg")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
            VStack {
                HStack {
                    Button  {
                        dismiss()
                    } label: {
                        Image(systemName: "arrow.left")
                            .font(.system(size: 25))
                            .tint(.white)
                            .padding(.trailing, 6)
                    }

                    Text("Appointment")
                        .font(.calibriRegular(with: 20))
                        .foregroundStyle(.white)
                    Spacer()
                }
                .padding(16)
            }
            .background(
                Color.appGreen2
                    .ignoresSafeArea()
            )

           Spacer()
        }
    }
}

o/p：如何将绿色视图移至顶部

[![在此处输入图像描述][1]][1]

编辑：

这是我的背景图片：请尝试使用这个背景..我总是得到相同的o/p

我在使用 SwiftUI 进行 UI 设计时一直遇到问题。我觉得 UIKit 比 SwiftUI 更好一些，因为使用 SwiftUI 我无法在每个堆栈单独计算空间时给出适当的空间。我不明白如何为其相邻元素提供空间。

我的主要问题是从其相邻元素获取空间，我们是否需要提供前导空间来减去其相邻元素宽度区域？

例如，我已将图像堆栈前导、顶部指定为 20，宽度和高度指定为 100。现在，如果我想添加指向该图像的标签，那么我是否需要将标签前导空格指定为 -100？空格如何提供正确的前导、尾随、顶部、底部？

我在这里使用 UIKit 做了这样的简单设计，如果您只将顶部蓝色视图人物图像置于顶部并导致 20 个，其余标签和图标应该导致该图像视图达到 15 个

现在我只尝试了 SwiftUI 中相同的顶部蓝色设计：我是 UI 新手，所以我尝试了这种方式。如果有任何捷径请告诉我。

如果有任何不必要的代码，请告诉我，并指导我如何使用 SwiftUI 编写简短的代码。

您能否指导我如何将堆栈相互嵌入。有没有什么模式可以将一个模式添加到另一个模式中？

通过这段代码，我也没有得到正确的设计。请指导我修复它。

struct SecondView: View {
    var body: some View {
        ZStack{
            Color.yellow.ignoresSafeArea()
            
            ScrollView{
                VStack{
                    
                    ZStack {
                        Color.blue // Background color of the view
                        
                        VStack{
                            HStack (){
                                Image(systemName: "person.circle.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 70, height: 70)
                                    .padding(.leading, 10)
                                    .padding(.top, 20)
                                
                                Spacer()
                            }
                            
                            Spacer()
                        }
                        
                        VStack(spacing: 10){
                            
                            Text("Jhon Thomas").foregroundColor(Color.white)
                                .padding(.bottom, 10).font(.system(size: 20))
                            
                            HStack (){
                                Image(systemName: "phone.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("0000000000").foregroundColor(Color.white)
                            }
                            HStack (){
                                Image(systemName: "bag.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("Singer").foregroundColor(Color.white)
                            }
                            HStack (){
                                Image(systemName: "location.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("test loc").foregroundColor(Color.white)
                                Spacer()
                                Image(systemName: "map.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("Jhon Thomas").foregroundColor(Color.white)
                            }
                        }.padding()
                        //  .padding(.leading, -80)
                     }.padding()
                     .frame(height: 200)
                }
            }
        }
    }
}

SwiftUI 仅蓝色设计：如何像上面的设计一样使所有名称和图标保持相同的对齐方式，并且仅将 15 个引导到 imageview？

我正在使用 MVVM 模式进行服务调用

代码：在视图控制器中postGenericCallVM正在调用并且响应也随之而来，但是print("testing viewmodel data in viewcontroller \(String(describing: postVM.postDataVM?.postCount))")为什么为零？

我哪里错了？

struct RequestObject {
var params: [String: Any]? = nil
var method: HTTPMethod
var urlPath: String
var isTokenNeeded: Bool
var isLoaderNeed: Bool = false
var isErrorNeed: Bool = false
var vc: UIViewController?
}

class APINetworkManager2: NSObject {
static let sharedInstance = APINetworkManager2()

fileprivate override init() {
    super.init()
}

func serviceCall<T: Decodable>(requestObject: RequestObject, completion: @escaping (Result<APIResponse<T>, Error>) -> Void) {
    
    guard let url = URL(string: requestObject.urlPath) else {
        return
    }
    
    var urlRequest = URLRequest(url: url)
    
    if requestObject.isTokenNeeded {
        let token = "Bearer token" // Replace with your actual token
        urlRequest.setValue(token, forHTTPHeaderField: "Authorization")
    }
    
    urlRequest.httpMethod = requestObject.method.rawValue
    
    if let params = requestObject.params {
        let paramsReq: [String: Any] = ["jsonrpc": "2.0", "params": params]
        do {
            urlRequest.httpBody = try JSONSerialization.data(withJSONObject: paramsReq)
        } catch {
            completion(.failure(error))
            return
        }
    }
    
    let task = URLSession.shared.dataTask(with: urlRequest) { data, _, error in
        
        if let data, let string = String(data: data, encoding: .utf8) {
            print("debug check \(string)")
        }
        do {
            
            let response = try JSONDecoder().decode(APIResponse<T>.self, from: data!)
            
            DispatchQueue.main.async {
                completion(.success(response))
            }
        } catch {
            DispatchQueue.main.async {
                completion(.failure(error))
            }
        }
    }
    task.resume()
}
}

这是我的 VIewmodel 代码，在这里打印 o/p result view model: model data coming

class PostViewModel {

var postDataVM: PostGenResult?

func postGenericCallVM(){
    
    let param = ["page_no" : "1"] as? [String:Any]
    
    let requestObject = RequestObject(
        params: param,
        method: .post,
        urlPath: "https://hsfjkhskdn",
        isTokenNeeded: true,
        isLoaderNeed: true,
        isErrorNeed: true
    )
    APINetworkManager2.sharedInstance.serviceCall(requestObject: requestObject) { (result: Result<APIResponse<PostGenResult>, Error>) in
        switch result {
        case .success(let response):
            self.postDataVM = response.result as? PostGenResult
            print("result view model: \(self.postDataVM)")
            
        case .failure(let error):
            print("Error decoding JSON: \(error)")
        }
    }
}
}

o/p：在视图控制器中成功获取响应

结果视图模型：可选（PracticeCode.PostGenResult（pageCount：1，perPage：10，postCount：5，userReminder：[PracticeCode.UserReminder（id：17，receiverID：7，type：“订阅”，消息：“您的订阅已到期）在 2

这是我的视图控制器代码：这里

class ViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()
    
    postVM.postGenericCallVM()
    
    print("testing viewmodel data in viewcontroller \(postVM.postDataVM?.postCount)")
    
}
}

服务呼叫正在呼叫并且响应即将到来，但testing viewmodel data in viewcontroller给出零

在视图控制器中测试视图模型数据：nil