问题[swiftui](coding)

我想绘制一个带有模糊面板的图像，该面板带有文本。问题是面板框架依赖于文本框架。同时，mask修饰符的设置与文本和面板是分开的。

我的代码：

struct SomeView: View {
    @State var frame: CGRect = .zero
    
    var body: some View {
        ZStack {
            Image(.defaultCard)
            Image(.defaultCard)
                .blur(radius: 30)
                .mask {
                    Rectangle()
                        .frame(width: frame.width, height: frame.height)
                        .position(x: frame.midX, y: frame.midY)
                }
            ZStack(alignment: .bottomLeading) {
                Color.clear
                HStack {
                    Text("...")
                    Text("...")
                }
                .padding()
                .background {
                    GeometryReader { geometry in
                        Color.clear
                            .onAppear {
                                frame = geometry.frame(in: .global)
                            }
                            .onChange(of: geometry.size) { _ in
                                frame = geometry.frame(in: .global)
                            }
                    }
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
    }
}

所有内容都已绘制，但遮罩位置不正确。以下代码返回了错误的帧：

frame = geometry.frame(in: .global)

如何解决这个问题？我知道我可以使用 UIKit 的模糊功能，但 SwiftUI 模糊功能更符合我的要求。

我在将图像保存到 SwiftData 时遇到问题，并且我不完全确定最好的方法。

我有一个用于单个条目的 EntryModel 数据模型，如下所示：

@Model
class EntryModel {
   var type: EntryType
   var who: UserModel
   var what: String
   var value: Double? = nil
   var note: String
   @Attribute(.externalStorage) var images: [Data]?
   var when: Date = Date.now

  init(type: EntryType, who: UserModel, what: String, note: String, images: [Data] = [], when: Date) {
    self.type = type
    self.who = who
    self.what = what
    self.note = note
    self.images = images
    self.when = when
}

然后我创建了一个 NewEntryView，它允许用户创建一个新条目，并附加一些可选的图片来提供额外的信息。代码如下：

struct New EntryView {
   @State private var entryItems = [PhotosPickerItem]()
   @State private var entryImages = [Image]()

// Other code pertaining to different parts of my form

HStack {
    PhotosPicker(selection: $entryItems, maxSelectionCount: 5, matching: .images) {
        Image(systemName: "plus")
          .font(.title)
          .foregroundStyle(.adaptiveBlack)
          .frame(width: 80, height: 70)
          .background(
              RoundedRectangle(cornerRadius: 10)
                 .stroke(lineWidth: 2)
                 .fill(selectedEntryType.color)
                 .frame(width: 70, height: 60)
           )
       }
                        
       ScrollView(.horizontal) {
          HStack(spacing: 10) {
             ForEach(0..<entryImages.count, id: \.self) { i in
                entryImages[i]
                    .resizable()
                    .scaledToFill()
                    .clipShape(RoundedRectangle(cornerRadius: 10))
                    .frame(height: 60)
             }
          }
          .onChange(of: entryItems) {
             Task {
                entryImages.removeAll()
                                    
                for item in entryItems {
                   if let image = try? await item.loadTransferable(type: Image.self) {
                   entryImages.append(image)
                }
            }
        }
   }

// More code

Button {
   let entry = EntryModel(type: selectedEntryType, who: selectedUser!, what: titleTextField, note: noteTextField, when: selectedDate)
   modelContext.insert(entry)
} label: {
// Custom label
}

现在，通过当前的实现，我确实可以从我的相册中选择图像并将它们填充到 HStack 中。

当单击底部的按钮时，用户填写的其他信息也会保存到 SwiftData 中，并可在整个应用程序中使用。

我遇到的问题是将这些图像保存到 SwiftData 中以供整个应用程序使用。

我是否应该像其他值一样将它们插入到模型上下文中？如果是，该怎么做？

如果不是，那么我该如何更改我当前的代码？

任何帮助都将不胜感激。

顺便说一句，我不确定它是否相关，但自从我实现了 PhotosPicker 后，我在 Xcode 中收到以下警告：

PHPickerViewControllerDelegate_Private 不响应 _pickerDidPerformConfirmationAction：

在我的特定情况下，我在 swiftui 中遇到了一个问题，它不允许在同一个 上添加超过 1 个警报View。这个问题是已知的，并且已经得到解决，例如通过添加额外的空视图：

https://stackoverflow.com/a/67395026/805701

但还有一个问题——SwiftUI 对这种情况完全没有反应（警报直接跳过）。所以你需要手动搜索所有代码来查找这些可能出现在不同文件中的重复代码。

是否有可能以某种方式指示这些重复出现的位置，例如通过在默认修饰符上添加一个包装器，当该修饰符已经添加到视图中时.alert(...)抛出该包装器？fatalError

当我单击侧面菜单时，工具栏将被隐藏，但所有背景将向上移动。

var body: some View {
        NavigationStack {
            ZStack {
                VStack {
                    SlideView()
                    ButtonView()
                }
                SideMenuView(isShowing: $showMenu, selectedTab: $selectedTab)
            }
            .toolbar(showMenu ? .hidden : .visible, for: .navigationBar)
            .navigationTitle("HKSTBC")
            .navigationBarTitleDisplayMode(.inline)
            .toolbar {
                ToolbarItem(placement: .topBarLeading) {
                    Button(action: {
                        showMenu.toggle()
                    }, label: {
                        Image(systemName: "line.3.horizontal")
                    })
                }
            }
        }
    }

我刚才设置了.navigationBarTitleDisplayMode(.inline)，但是不行。请问如何才能让背景停止向上移动呢？

这可能是一个简单的问题，但我一直在努力。

假设我在 SwiftUI 中有以下视图布局

我希望日期字符串10.5.2020在父 VStack 中右对齐。

但重要的是，这样做不会破坏 VStack 的固有大小。

我之所以这么说，是因为最明显的两个解决方案都是这样做的。

1. 用 围起来，并在左边HStack放一个。Spacer
2. 使用框架maxWidth: .infinity和alignment: .trailing

我对对齐指南进行了更深入的研究，但无法解决这个问题。

到目前为止我的最佳结果是GeometryReader，将文本标签的宽度设置为几乎与周围 VStack 的宽度相同。

但不幸的是，我的目标结构要复杂得多，这种方法会导致该结构出现问题。而且GeometryReader似乎不适合进行对齐。

struct ContentView: View {
    var body: some View {
        ScrollView {
            VStack(alignment: .leading) {
                
                HStack {
                    VStack(alignment: .leading) {
                        Text("Alignment Test")
                        Text("This is a longer text left aligned")
                         
                        
                        Text("10.5.2020")
                    }
                    .padding(16)
                    .background(Color.blue)
                    
                    Spacer(minLength: 50)
                }
                
                
                HStack {
                    VStack(alignment: .leading) {
                        Text("left")
                        Text("Date should rigzht align to here <-")
                        Text("10.5.2020")
                    }
                    .padding(16)
                    .background(Color.blue)
                    
                    Spacer(minLength: 50)
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .border(.red)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.gray.opacity(0.5))
    }
}

预览：

我正在尝试在 SwiftUI 中实现带有文本标记的离散洗涤器，如下所示。我的问题是我无法确定先验HStack内部的高度ScrollView，因此我尝试使用onGeometryChange修饰符，但它不起作用（即覆盖文本被截断）。一种解决方法是使用并根据几何代理GeometryReader分配高度，但我想知道是否有另一种不使用的方法。HStackGeometryReader

struct ScrollScrubber: View {
    var config:ScrubberConfig
    
    @State var viewSize:CGSize?
    
    var body: some View {
        let horizontalPadding = (viewSize?.width ?? 0)/2
        
        ScrollView(.horizontal) {
            HStack(spacing:config.spacing) {
                let totalSteps = config.steps * config.count
                
                ForEach(0...totalSteps, id: \.self) { index in
                    let remainder = index % config.steps
                    Divider()
                        .background( remainder == 0 ? Color.primary : Color.gray)
                        .frame(width: 0, height: remainder == 0 ? 20 : 10, alignment: .center)
                        .frame(maxHeight: 20, alignment: .bottom)
                        .overlay(alignment: .bottom) {
                            if remainder == 0 {
                                Text("\(index / config.steps)")
                                    .font(.caption)
                                    .fontWeight(.semibold)
                                    .textScale(.secondary)
                                    .fixedSize()
                                    .offset(y:20)
                            }
                        }
                    
                }
            }
            .frame(height:viewSize?.height)
            
        }
        .scrollIndicators(.hidden)
        .safeAreaPadding(.horizontal, horizontalPadding)
        .onGeometryChange(for: CGSize.self) { proxy in
            proxy.size
        } action: { newValue in
            viewSize = newValue
            print("View Size \(newValue)")
        }


    }
}

struct ScrubberConfig:Equatable {
    var count:Int
    var steps:Int
    var spacing:CGFloat
}

#Preview {
    ScrollScrubber(config: .init(count: 100, steps: 5, spacing: 5.0))
        .frame(height:60)
}

下面的代码有什么问题，尽管修饰符设置为高度 60，但viewSize高度仍然为零？frame

struct TestGeometryModifierView: View {
    @State var viewSize:CGSize = .zero
    
    var body: some View {
        Color.red
            .onGeometryChange(for: CGSize.self) { proxy in
                proxy.size
            } action: { newValue in
                viewSize = newValue
                print("View Size \(newValue)")
            }
            .frame(height:viewSize.height)
    }
    
}

#Preview {
    TestGeometryModifierView()
        .frame(height:60)
}

控制台上的打印语句仅显示一行。我预计当在视图上设置框架高度时它会改变。

View Size (402.0, 0.0)

我将新 @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)添加了一个屏幕截图来演示该问题。