问题[swiftui](coding)

我将新 @Observable宏用于我的 ViewModel。该类如下所示

@Observable
class TransitiveModel {

    private var strings: [String] = []

    func getStrings() -> [String] {
        return strings
    }

    func addString(_ item: String) {
        strings.append(item)
    }
}

这是对我实际类的简化，但它可以作为最低限度的示例。您可能会争辩说，在这个例子中可能不需要 getStrings() 方法，但是在我的实际类中，我之前传递了参数并进行了一些计算，所以请假装它很重要。

我有一个简单的观点

private var model = TransitiveModel()

var body: some View {
    VStack {
        ForEach(model.getStrings(), id: \.self) { item in
            Text(item)
        }

        Button("Add Item") {
            model.addString("Hello")
        }
    }
}

当我按下按钮时，我预计视觉上不会有任何变化，因为我没有直接订阅strings视图中的数组。然而，我观察到视图无论如何都会更新，很可能是因为getStrings()依赖于已更改的数组。我不想依赖这种行为，除非我确定它是正确的，而不是故障或类似的东西。我认为更改strings将触发再次调用该函数，对吗？是否有某种文档可以帮助我理解它？

我很好奇，有没有办法告诉chartXSelection(value:)修饰符在响应用户手势时包含 x 轴区域？我知道在图表区域中开始点击并向下拖动是可行的，但我希望用户只需点击 x 轴上他们喜欢的值，然后通过 注册即可chartXSelection。

请参阅下面的示例代码（经过编辑，包含高 axisMarks 来演示一个建议解决方案的问题）：

private struct PlotPoint {
    let x: Double
    let y: Double
}

private struct PlotSeries: Identifiable {
    let id: Int
    let name: String
    let points: [PlotPoint]
}

private let data: [PlotSeries] = [
    PlotSeries(id: 0, name: "Series A", points: stride(from: 0.0, through: 1.0, by: 0.05).map { y in PlotPoint(x: y*y, y: y) }),
    PlotSeries(id: 1, name: "Series B", points: stride(from: 0.0, through: 1.0, by: 0.05).map { y in PlotPoint(x: y*y, y: y/2) })
]

struct AxisTap: View {
    @State private var selectedX: Double?
    var body: some View {
        VStack {
            Chart {
                if let selectedX {
                    BarMark(xStart: .value("x", selectedX), xEnd: .value("x", selectedX + 0.05))
                        .foregroundStyle(.yellow.opacity(0.5))
                }

                ForEach(data) { series in
                    let plot = LinePlot( series.points, x: .value("x", \.x), y: .value("y", \.y))
                    
                    plot
                        .symbol(by: .value("Series", series.name))
                        .foregroundStyle(by: .value("Series", series.name))
                }
            }
            .chartXAxis {
                AxisMarks() { value in
                    AxisGridLine()
                    AxisTick()
                    AxisValueLabel() {
                        if let axisValue = value.as(Double.self) {
                            VStack {
                                Text("|")
                                Text("v")
                                Text("\(axisValue.formatted())")
                            }
                        }
                    }
                }
            }
            .chartXSelection(value: $selectedX)
            .padding()
            Text("selectedX is: \(selectedX ?? 0.0)")
        }
    }
}

我希望用户能够点击 x 轴上的“0.5”并获得如下所示的结果（下面显示“selectedX 是：~0.5”）。

我有一个 SwiftUI List（在 macOS 上），我想在每一行显示一些内容TextFields，并观察焦点在选择或取消选择单个文本字段时如何变化。如果我只在每一行List显示一个纯文本TextField，这似乎可以正常工作，但如果我将其嵌入视图TextField内部Button，焦点更改通知将停止工作。我想要“按钮”功能，以便用户可以点击行上的任意位置并激活文本字段，而不是精确点击文本字段边界。

以下是一些代码来演示问题。List如果您RowView取消注释 (1)，则焦点更改通知会起作用。如果您注释掉 (1) 并取消注释RowViewWithButton(2)，则按钮功能会起作用，但我无法再收到焦点更改通知。

import SwiftUI

// test on macOS target
struct ContentView: View {
    @State private var textFields = Array(repeating: "", count: 4)
    @FocusState private var focusedField: Int?

    var body: some View {
        List(0..<4, id: \.self) { index in
            
            // 1. works with focus notification changes
            RowView(index: index, text: $textFields[index], focusedField: $focusedField)
            
            // 2. button works, but no focus notifications on text field
            //RowViewWithButton(index: index, text: $textFields[index], focusedField: $focusedField)
        }
    }
}

struct RowView: View {
    let index: Int
    @Binding var text: String
    @FocusState.Binding var focusedField: Int?

    var body: some View {
        HStack {
            Text("Row \(index + 1):")
            TextField("", text: $text)
                .multilineTextAlignment(.leading)
                .focused($focusedField, equals: index)
        }
        .onChange(of: focusedField) { newFocus in
            if newFocus == index {
                print("TextField \(index) is in focus")
            } else {
                print("TextField \(index) lost focus")
            }
        }
        .padding(.vertical, 4)
    }
}


struct RowViewWithButton: View {
    let index: Int
    @Binding var text: String
    @FocusState.Binding var focusedField: Int?

    var body: some View {
        Button (action: {
            print("RowView - button selected at index \(index)")
            focusedField = index
        }) {
            HStack {
                Text("Row \(index + 1):")
                TextField("", text: $text)
                    .multilineTextAlignment(.leading)
                    .focused($focusedField, equals: index)
            }
            .onChange(of: focusedField) { newFocus in
                if newFocus == index {
                    print("TextField \(index) is in focus")
                } else {
                    print("TextField \(index) lost focus")
                }
            }
            .foregroundColor(.primary)
        }
        .buttonStyle(BorderlessButtonStyle())
        .padding(.vertical, 4)
    }
}

#Preview {
    ContentView()
        .frame(width: 320, height: 250)
}

有趣的是，当我在 iOS 上测试时，两种情况下都可以正常工作。但我需要适用于 macOS 的解决方案。

更新：

使用onTapGesture而不是Button确实可以改善情况，但会引入一个新错误。如果我最初点击该行，它最初可以正常工作，点击任意位置都会激活文本字段。但是在输入一些文本并按下回车键（或以任何方式失去焦点）后，如果我尝试点击 所在的行部分TextField，它只有在点击现有文本时才有效......而不是点击它前面的空白处。

我将其添加.background(.red)到了 HStack，并.background(.blue)添加了一个屏幕截图来演示该问题。

我找不到任何示例来重现以下 UI 部分（示例取自 XCode）：

列表底部有一个 + 按钮（我发现了很多 - 这是一个渐变按钮）（也有很多示例），当左键单击时，会弹出一个带有任意箭头的菜单。

我找到了显示弹出窗口的按钮示例，但始终有一个箭头。使用Menu（在 macOS 上）实际上会显示一个菜单（带有箭头）。

我正在尝试编写https://stackoverflow.com/a/74935849/2178159的 macOS 版本。

据我了解，我应该能够设置menu一个属性NSResponder，它会在右键单击时自动显示。

我尝试过几件事：

A：设置menu在 上NSHostingController-view当我执行此操作并右键单击或按住 Ctrl 键单击时，什么也没有发生。B：直接设置menu在 上NSHostingController- 当我执行此操作时，会出现崩溃Abstract method -[NSResponder setMenu:] called from class _TtGC7SwiftUI19NSHostingControllerGVS_21_ViewModifier_...__. Subclasses must override C：手动调用或 的自NSMenu.popup定义子类的方法 - 什么也没有发生。NSHostingControllerNSViewrightMouseDown

extension View {
    func contextMenu(menu: NSMenu) -> some View {
        modifier(ContextMenuViewModifier(menu: menu))
    }
}

struct ContextMenuViewModifier: ViewModifier {
    let menu: NSMenu

    func body(content: Content) -> some View {
        Interaction_UI(
            view: { content },
            menu: menu
        )
            .fixedSize()
    }
}

private struct Interaction_UI<Content: View>: NSViewRepresentable {
    typealias NSViewType = NSView

    @ViewBuilder var view: Content
    let menu: NSMenu

    func makeNSView(context: Context) -> NSView {
        let v = NSHostingController(rootView: view)

        // option A - no effect
        v.view.menu = menu

        // option B - crash
        v.menu = menu

        return v.view
    }

    func updateNSView(_ nsView: NSViewType, context: Context) {
        // part of option A
        nsView.menu = menu
    }
}

我正在尝试克隆 Notes 应用程序。

我正在使用 实现 3 列布局NavigationSplitView。

var body: some View {
    NavigationSplitView {
        GroupListView(selectedGroup: $selectedGroup)
    } content: {
        DiaryListView(selectedDiary: $selectedDiary)
            .environment(\.horizontalSizeClass, horzSizeClass)
    } detail: {
        DiaryView(diary: selectedDiary)
            .environment(\.horizontalSizeClass, horzSizeClass)
    }
}

在 中WindowGroup，我隐藏了标题栏。

WindowGroup {
    MainLayoutView()
        .environmentObject(auth)
}
.windowStyle(.hiddenTitleBar)

在“内容”栏中，我使用 显示列表List并使用 添加按钮.toolbar。

但由于没有背景，内容出现重叠。

另一方面，如果我再次显示标题栏，则标题栏中的“内容”和“详细信息”列在视觉上没有区分。

我怎样才能像 Notes 应用程序一样实现它？

我正在尝试使用 SwiftUI 创建一个类似于 Apple Game Center 中看到的圆形成就视图。该视图顶部应有圆形文本，并有居中的弧形包装文本。

以下是我想要实现的目标：

圆形文本：文本以圆形方式排列在视图顶部。弧形标题：环绕弧形的标题，位于圆形视图的中心。我尝试使用旋转的 ZStack 和 Text 视图，但无法让文本在圆形路径中正确对齐。此外，我不确定如何正确定位弧形标题。

这是我之前提出的问题的后续问题：

在那里的答案中，根据我提供的示例数据，刻度的步幅是硬编码的：

AxisMarks(position: .bottom, values: .stride(by: 100)) {
    AxisValueLabel(anchor: .top)
}

但数据是可变的，有时步幅只需要是 10，或者任何其他数字。

所以我从一个局部变量开始：

var xStride = 100，这给了我以下错误：

无法将“Int”类型的值转换为预期的参数类型“Calendar.Component”

然后我尝试转换变量：

var xStride = Calendar.Component(100)，现在错误是：

无法构造“Calendar.Component”，因为它没有可访问的初始化程序

我还不明白的是，我的图表只是一个 xy 图，并不涉及天数或年份或其他任何内容。

那么，我可以这样做吗？该怎么做？

我知道这个问题已经被问过很多次了，归根结底是为了让你的代码更好，但我不知道问题出在哪里。我希望有更多知识的人能帮助我。

fineDine.swift

import SwiftUI
import SwiftData

@main
struct fineDineApp: App {
    var body: some Scene {
        WindowGroup {
            searchResults(searchValue: "")
                .modelContainer(for: Review.self)
        }
    }
}

搜索结果.swift

import SwiftUI
import SwiftData

struct searchResults: View {
    @State private var isPresentingNewMealView = false
    @State var searchValue: String
    @Query var review: [Review]
    @Environment(\.modelContext) var modelContext
    
    var body: some View {  <---Where the error always pops up
        NavigationStack {
            ZStack {
                LinearGradient(gradient: Gradient(colors: [Color(red: 0.9725490196078431, green: 0.9607843137254902, blue: 0.8627450980392157, opacity: 1), Color(red: 0.9137254901960784, green: 0.9254901960784314, blue: 0.8509803921568627, opacity: 1), Color(red: 0.9882352941176471, green: 0.7529411764705882, blue: 0.13333333333333333, opacity: 1), Color(red: 0.9450980392156862, green: 0.47058823529411764, blue: 0.08627450980392157, opacity: 1)]), startPoint: .top, endPoint: .bottom).ignoresSafeArea()
                VStack{
                    Text("Which Food...")
                        .font(.system(size: 30, weight: .bold, design: .default))
                        .padding()
                    Image(systemName: "fork.knife.circle.fill")
                        .font(.system(size: 100))
                        .foregroundStyle(.black)
                    TextField("Enter Food or Restaurant", text: $searchValue)
                        .frame(width: 300, height: 50, alignment: .center)
                        .background(Color.white.opacity(0.4).cornerRadius(10))
                        .fontWeight(.medium)
                        .foregroundColor(Color.black)
                        .multilineTextAlignment(TextAlignment.center)
                    
                    Spacer()
                    
                    List {
                        
                        ForEach(review) { review in
                            NavigationLink(destination: IndividualItemView())
                            {
                                VStack(alignment: .leading)
                                {
                                    Text(review.foodName)
                                        .font(.headline)
                                }
                            }
                        }.listRowBackground(Color.white.opacity(0.4).cornerRadius(5))
                    }  .scrollContentBackground(.hidden)
                    
                    .toolbar {
                     Button(action: {isPresentingNewMealView = true}
                    ) {
                     Image(systemName: "plus")
                     }
                    
                    .sheet(isPresented: $isPresentingNewMealView) {
                         EditMealView(isPresentingNewMealView: $isPresentingNewMealView, mealImage: Image(""), review: Review(foodName: "", restaurantName: "", rating: 3, foodType: "", reviewNotes: "Enter Notes"))
                     }
                     
                     }
                     
                    
                }
            }
                }
            
            }
        
        }

#Preview {
    searchResults(searchValue: "")
}

个别项目视图.swift

import SwiftUI
import SwiftData

struct IndividualItemView: View {
    @Bindable var review: Review <---- commenting this out and then fixing the other issues seems to resolve the error but then nothing shows.
    @Environment(\.modelContext) private var modelContext

    var body: some View {
        NavigationStack {
        ZStack {
            LinearGradient(gradient: Gradient(colors: [Color(red: 0.9725490196078431, green: 0.9607843137254902, blue: 0.8627450980392157, opacity: 1), Color(red: 0.9137254901960784, green: 0.9254901960784314, blue: 0.8509803921568627, opacity: 1), Color(red: 0.9882352941176471, green: 0.7529411764705882, blue: 0.13333333333333333, opacity: 1), Color(red: 0.9450980392156862, green: 0.47058823529411764, blue: 0.08627450980392157, opacity: 1)]), startPoint: .top, endPoint: .bottom).ignoresSafeArea()
            
            VStack {
            VStack(alignment: .leading)
            {
                Text(review.foodName)
                   .font(.system(size: 30, weight: .bold, design: .default))
                Text(review.restaurantName)
                Text(review.foodType)
            }
                VStack {
                    Image("friedFood")
                        .resizable()
                    .frame(width: 300, height: 300)
                        .cornerRadius(5)
                        .padding()
                    Label("\(review.rating)", systemImage: "star.fill")
                        .foregroundStyle(Color.mint)
                        .multilineTextAlignment(.center)
                        .padding()
                    Text(review.reviewNotes)
                        .padding(.horizontal)
                }
            }

        }
    }
    }
}

#Preview {
    //IndividualItemView(review: Review(backingData: any ))
      IndividualItemView(review: Review(foodName: "", restaurantName: "", rating: 0, foodType: "", reviewNotes: ""))
}

编辑餐食视图.swift

import SwiftUI
import PhotosUI
import SwiftData


struct EditMealView: View {
    @Binding var isPresentingNewMealView: Bool
    @Environment(\.modelContext) private var modelContext
    @State var mealImage: Image?
    @State var imageSelection: PhotosPickerItem? = nil
    @Bindable var review: Review
    
    let foodType: [String] = ["Select One...", "Fast Food", "Vegetarian", "Central African", "East African", "North African", "Southern Africa", "West African", "Latin American", "Native American", "Canadian", "Carribean", "Mexican", "American", "Southern American", "Fusion", "Central American", "South American", "Chinese", "Japanese", "Korean", "Indian", "Middle Eastern", "Thai", "Turkish", "Vietnamese", "Italian", "French", "German", "Spanish", "Greek", "Romanian", "Russian", "Eastern European", "Scandinavian", "British", "Dutch", "Swedish", "Norwegian", "Icelandic", "Irish", "Polynesian", "Australian", "New Zealand", "Other"]
    
    var body: some View {
        NavigationStack {
            ZStack {
                LinearGradient(gradient: Gradient(colors: [Color(red: 0.9725490196078431, green: 0.9607843137254902, blue: 0.8627450980392157, opacity: 1), Color(red: 0.9137254901960784, green: 0.9254901960784314, blue: 0.8509803921568627, opacity: 1), Color(red: 0.9882352941176471, green: 0.7529411764705882, blue: 0.13333333333333333, opacity: 1), Color(red: 0.9450980392156862, green: 0.47058823529411764, blue: 0.08627450980392157, opacity: 1)]), startPoint: .top, endPoint: .bottom).ignoresSafeArea()
                
                    .navigationTitle("Add Meal")
                
                VStack{
                    Form {
                        
                        TextField("Food Name", text: $review.foodName)
                            .listRowBackground(Color.clear)
                        
                        TextField("Restaurant", text: $review.restaurantName)
                            .listRowBackground(Color.clear)
                        
                        Picker(selection: $review.foodType, label: Text("Select Style")) {
                            ForEach(0..<foodType.count, id: \.self) {
                                Text(foodType[$0])
                            }
                        }
                            .listRowBackground(Color.clear)
                        
                        VStack{
                            Text("Current \(Image(systemName: "star.fill")) Rating: \((review.rating), format: .number.rounded(increment: 0.1))")
                            Slider(value: $review.rating, in: 1...5, step: 0.5)
                        }
                        .listRowBackground(Color.clear)
                        .padding()
                        VStack{
                            HStack {
                                mealImage?
                                    .resizable()
                                    .frame(width: 300, height: 300)
                                
                            }
                            HStack {
                                Spacer()
                                PhotosPicker( selection: $imageSelection) {
                                    Image(systemName: "photo.circle.fill").imageScale(.large)
                                }
                                .task(id: imageSelection) {
                                    mealImage = try? await imageSelection?.loadTransferable(type: Image.self)
                                }
                                Spacer()
                            }.padding()
                        }
                        .listRowBackground(Color.clear)
                        .padding()
                        
                        TextEditor(text: $review.reviewNotes)
                            .listRowBackground(Color.clear)
                    }
                }
                
                
                
                .scrollContentBackground(.hidden)
                .toolbar {
                    ToolbarItem(placement: .cancellationAction) {
                        Button("Dismiss") {
                            isPresentingNewMealView = false
                        }
                    }
                    ToolbarItem(placement: .confirmationAction) {
                        Button("Add") {
                            let newReview = review
                            modelContext.insert(newReview)
                            isPresentingNewMealView = false
                            
                        }
                    }
                }
                
            }
        }
        

    }
    
}

#Preview {
    do {
        let config = ModelConfiguration(isStoredInMemoryOnly: true)
        let container = try ModelContainer(for: Review.self, configurations: config)
        
        let example = Review(foodName: "Cheetos", restaurantName: "House", rating: 3, foodType: "American", reviewNotes: "Delicious")
       return EditMealView(isPresentingNewMealView: .constant(true), mealImage: Image(""), review: example)
            .modelContainer(container)
    } catch {
        fatalError("Failed to create model container.")
    }

}

我已经尝试了所有能找到的方法。由于这个错误非常模糊且依赖于代码效率，新开发人员很难弄清楚。

在我的应用中，我需要显示图像（纹理）。有些是平铺的，有些是拉伸的。

当时，我已经运行了以下代码：

Image(frame.image)
.resizable(resizingMode: (frame.repeatTexture == true) ? .tile : .stretch)
.frame(width: frame.width, height: frame.height)

但是，.tile 的渲染效果不佳。纹理在 X 轴上被裁剪。在发送的图像中，您可以看到右侧没有边框，边框被截断了。

原始纹理，左右都有边框：

例如，我希望仅在 Y 中“重复”。默认情况下似乎没有此选项。

是否有一个提示，一个选项，或者另一个想法，例如使用 background() 强制纹理仅在一个轴上平铺？