问题[swiftui](coding)

我正在尝试重新创建 Apple 的消息应用程序，我注意到聊天选择上的 V 形位于顶部，而不是像 navigationLink 默认提供的那样位于中心。

以下是 Apple Messages 的图片：

这是我的应用程序的图片：

import SwiftUI

struct ContentView: View {
    
    private var imageSize: CGFloat = 50
    var body: some View {
        NavigationStack {
            List(NavigationScreens.allCases, id: \.self) { screen in
                NavigationLink(value: screen) {
                    Label(title: {
                        MessageChat(name: "SwiftUI")
                            .padding(.leading, 15)
                            //.border(.red)
                    }, icon: {
                        HStack {
                            Image(systemName: "circle.fill")
                                .resizable()
                                .frame(width: 10, height: 10)
                            Image("image_test")
                                .resizable()
                                .frame(width: imageSize, height: imageSize)
                                .clipShape(Circle())
                        }
                        .padding(10)
                    })
                }
            }
            .navigationTitle("Messages")
            .listStyle(.plain)
            .scrollContentBackground(.hidden)
            .navigationDestination(for: NavigationScreens.self) { screen in
                switch screen {
                case .Chat, .Profile, .Settings:
                    ChatSelection()
                }
            }
        }
    }
}

我不完全确定这是否是正确的做法或者是否需要自定义的 NavigationLink。

留言聊天代码：

struct MessageChat: View {
@State var contact: Contact

var body: some View {
    HStack {
        VStack(alignment: .leading, spacing: 4) {
            HStack {
                // MARK: Name
                Text(contact.name)
                    .font(.headline)
                    .lineLimit(1)
                    .foregroundStyle(Color.primary)
                
                Spacer()
                
                // MARK: Message Date
                Text("12/12/12")
                    .font(.subheadline)
                    .foregroundStyle(Color.gray)
            }
            .padding(.trailing, 20)
            
            // MARK: Message Description
            Text("Some random text long enough to have the multiple lines effect, just in case its not long enough")
                .lineLimit(2)
                .font(.subheadline)
                .foregroundStyle(Color.secondary)
                .frame(maxHeight: 40, alignment: .topLeading)
        }
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
}

}

我有 HStack，其中包含两个视图：图像和文本。我想将图像对齐到顶部，但将文本居中对齐到 VerticalAlignment。但是，为文本指定对齐方式 .center 不起作用，它仍然位于顶部。我遗漏了什么吗？

struct SwiftUIView: View {
    var body: some View {
        HStack(alignment: .top) {
            Image(systemName: "star.fill")
                .resizable()
                .frame(width: 100, height: 100)
                .background(.green)

            HStack(alignment: .center) {
                Text("Text that has dynamic height and should be aligned center")
                    .background(.pink)
            }
        }
        .background(.gray)
    }
}

预览截图

我有一个包含音频的字符串和 URL，想通过 Sharelink 分享两者。

我已经写了一个可转让的：

struct TransferableTextAndAudio: Codable, Transferable {
  let text: String
  let audio: URL
  
  static var transferRepresentation: some TransferRepresentation {
    ProxyRepresentation(exporting: \.text)
    FileRepresentation(exportedContentType: .audio) { item in
      return SentTransferredFile(item.audio, allowAccessingOriginalFile: true)
    }
  }
}

与我分享：

ShareLink(item: TransferableTextAndAudio(text: "String to share", audio: audioUrl),
          preview: SharePreview("Preview")) {
  Label("Share text and audio", systemImage: "square.and.arrow.up")
}

但是，只有文本被共享。当我注释掉 ProxyRepresentation 行时，音频被共享。为什么会这样？我是不是对 Transferable 的工作原理有些不了解？

正在开发一款简单的纸牌游戏。尝试让逻辑发挥作用，从牌堆中“抽”一张牌并将其添加到玩家手中。

以下是相关的代码片段。

import Foundation

struct Player: Identifiable {
    var id: UUID = UUID()
    var name: String
    var cards: [Card] = []
    var plays: [Plays] = []
    let human: Bool
    
    init(name: String, human: Bool) {
        self.name = name
        self.human = human
    }
    
    mutating func addCard(card: Card)
    {
        print("Adding card \(card.id) to the players cards")
        cards.append(card)
        print("Player now has \(cards.count) cards")
    }
    
}

class Game: ObservableObject {
    @Published var deck:Deck = Deck()
    @Published var discard: [Card] = []
    @Published var players: [Player]
    @Published var round: Int = 1
    
    init(){
        players = []
        players.append(Player(name: "Player 1", human: false))
        players.append(Player(name: "Player 2", human: false))
        players.append(Player(name: "Player 3", human: false))
        players.append(Player(name: "Player 4", human: true))
        //self.deal()
    }
    
    func deal() {
        if players[0].cards.isEmpty {
            for _ in 1...7 {
                players[0].addCard(card: deck.deal())
                players[1].addCard(card: deck.deal())
                players[2].addCard(card: deck.deal())
                players[3].addCard(card: deck.deal())
            }
            print("All the cards are dealt and player 4 now has \(players[3].cards.count) cards")
        } else {
            print("Players already have 7 cards")
        }
    }
    
    
    func discard(card: Card, player: Player) {
        var selectedPlayer = players.first(where: { $0.id == player.id })
        selectedPlayer?.cards.removeAll(where: { $0.id == card.id})
        discard.append(card)
    }
    
    func draw(player: Player){
        var selectedPlayer = players.first(where: { $0.id == player.id })
        let drawnCard = deck.deal()
        print("They drew the \(drawnCard.rank.name) of \(drawnCard.suit.name) with ID \(drawnCard.id)")
        selectedPlayer?.addCard(card: drawnCard)
        
    }
    
}

我不明白的是，当我player.addCard(card: card)从 Game 类中的函数内部调用时deal()，它运行正常，并按预期添加了卡片。但从函数内部draw（靠近游戏类的底部）调用相同的函数实际上并没有将卡片添加到玩家手中。

我可以从函数内部的打印语句中看到addCard它被调用，并且它传递的卡的 ID 是正确的（并且对于启动它的每个 tapGesture 都是不同的）。

知道为什么array.append()实际上没有添加到数组中吗？

我一直在努力解决这个问题GeometryReader，.onChange(of: geo.frame(in: .global).minY)但一直没有取得很大成功。考虑以下几点：

struct TestScreen: View {
    
    var body: some View {
        NavigationStack {
            ScrollView {
                VStack {
                    Text("View A")
                        .frame(height: 50)
                        .frame(maxWidth: .infinity)
                        .background(.green)
                    Text("View B - Sticky")
                        .frame(height: 50)
                        .frame(maxWidth: .infinity)
                        .background(.blue)
                    ForEach(0..<15) { i in
                        Text("View \(i)")
                            .frame(height: 50)
                            .frame(maxWidth: .infinity)
                            .background(Color.red)
                    }
                }
                
            }
            .navigationBarTitleDisplayMode(.inline)
            .toolbarBackground(.clear, for: .navigationBar)
            .toolbar {
                ToolbarItem(placement: .principal) {
                    Text("Testing")
                        .foregroundColor(.purple)
                }
            }
        }
    }
}

目标是让视图 B 在向上滚动视图时固定在顶部（导航栏下方），当然，在向下滚动时，它会占据滚动视图中的正常位置。我知道您可以使用和来实现粘性标题，List但这Sections不符合我的需要，因为请注意，视图 B（粘性视图）不一定是滚动视图中的第一个项目。

还要注意，视图 B 必须位于 VStack 中所有其他内容的顶部，以便其他内容在其下方滚动。

我的 SwiftUI 应用中有一个自定义UITextView。UIViewRepresentable使用 TextKit2，我确定了要进行绘制的区域。

一切工作正常，除了当我旋转设备（模拟器或预览）时，绘图没有更新。

旋转前：

旋转后：

我发现，当我点击方向两次时，确实会发生重绘：

我错过了什么？

以下是一份 MRE：

import SwiftUI

struct ContentView: View {
    var body: some View {
        TextViewRepresentable()
    }
}

#Preview {
    ContentView()
}

struct TextViewRepresentable: UIViewRepresentable {
    let alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"

    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()

        let tc = NSTextContainer(size: textView.textContainer.size)
        tc.heightTracksTextView = true
        tc.widthTracksTextView = true

        let lm = NSTextLayoutManager()
        lm.textContainer = tc

        let ts = NSTextContentStorage()
        ts.addTextLayoutManager(lm)

        let myTextView = MyTextView(frame: textView.frame, textContainer: tc)

        myTextView.font = UIFont.monospacedSystemFont(ofSize: 44, weight: .regular)

        return myTextView
    }

    func updateUIView(_ uiView: UITextView, context: Context) {
        uiView.text = alphabet + alphabet
    }
}

class MyTextView: UITextView {
    override func draw(_ rect: CGRect) {
        super.draw(rect)

        debugPrint("draw")
        
        guard let context = UIGraphicsGetCurrentContext() else { return }

        context.setFillColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0)

        for rect in rects(for: NSMakeRange(3, 12)) {
            context.fill(rect)
        }
    }

    func rects(for range: NSRange) -> [CGRect] {
        var rects: [CGRect] = []

        if let textLayoutManager = textLayoutManager, let contentManager = textLayoutManager.textContentManager {
            guard let start = contentManager.location(contentManager.documentRange.location, offsetBy: range.location),
                  let end = contentManager.location(start, offsetBy: range.length),
                  let textRange = NSTextRange(location: start, end: end)
            else {
                return []
            }
            textLayoutManager.enumerateTextSegments(in: textRange, type: .standard, options: .rangeNotRequired) { _, rect, _, _ in

                var adjustedRect = rect
                adjustedRect.size.height -= CGFloat(4.0)
                adjustedRect = CGRectOffset(rect, 0, CGFloat(8.0))

                rects.append(adjustedRect)

                return true
            }
        }

        return rects
    }
}

我刚开始使用 swiftui 中的图表，我很挣扎。我想用折线图覆盖下图中的条形图。但我能弄清楚的唯一方法是嵌入 ZStack，但如屏幕截图所示，两个图表（目前传递了相同的数据）不对齐。我想显示一条覆盖条形图的平均线，但我就是搞不清楚。我对图表了解不多，而且我对这个 API 也是新手。此外，我想在条形图上或条形图上方显示实际金额。不确定在 swiftui 中是否可以实现这些。如果没有其他方法，您能否为我指出一些好的文档或有关图表的其他信息？谢谢

这是我的代码的简化

        ZStack {
        Chart {
            ForEach(payments, id: \.date) { payment in

                BarMark(
                    x: .value("Date", payment.date),
                    y: .value("Amount", payment.amount)
                )
            }
        }

        Chart {

            ForEach(payments, id: \.date) { payment in
                LineMark(
                    x: .value("Date", payment.date),
                    y: .value("Amount", payment.amount)
                )
            }
        }
    }

以下代码运行正常，正如预期的那样，直到我Text在下面添加了额外的视图Toggle（在下面的代码中已注释掉）。当我这样做时，我得到了一个Geometry action is cycling between duplicate values.错误，程序最终挂起（在 X86 15.2 上）。它并没有真正挂起，但似乎卡在了某个无限更新循环中，消耗了 100% 的核心并耗尽了 RAM。M3 15.1 上出现了同样的错误，只是还没有能够让它挂起/卡住。

这似乎是一个新的错误，因为 Google 没有返回任何结果。

有人见过类似的事情吗？如果是，这意味着什么？

代码有问题吗？或者这是 SwiftUI 中可能存在错误的征兆？

struct CaptureSizeView: ViewModifier {
  @Binding var size: CGSize

  func body(content: Self.Content) -> some View {
    content
      .onGeometryChange(for: CGSize.self) { proxy in proxy.size }
      action: { newValue in size = newValue }
  }
}

public extension View {
  func captureSize(_ size: Binding<CGSize>) -> some View {
    modifier(CaptureSizeView(size: size))
  }
}

public extension CGSize {
  var aspectRatio: CGFloat { self.width / self.height }
}

struct ContentView: View {
  @State private var clearSize: CGSize = .zero
  @State private var isSquare: Bool = false

  var body: some View {
    HStack(alignment: .top) {
      VStack(alignment: .leading) {
        Toggle("Keep Square", isOn: $isSquare).toggleStyle(.switch)
//  Uncomment: error "Geometry action is cycling between duplicate values."
//        Text("available size: \(clearSize)")
      }
      .padding()

      Divider()

      VStack {
        Text("Canvas")
          .font(.largeTitle)
          .fontWeight(.black)
        Text("available size: \(clearSize)")

        ZStack {
          Color.clear
            .border(.green)
            .captureSize($clearSize)
            .overlay {
              Canvas { _, _ in
              }
              .aspectRatio(isSquare ? 1 : clearSize.aspectRatio, contentMode: .fit)
              .background(.yellow)
            }
        }
        .padding()
      }
    }
  }
}

这是在 Xcode 16.2 中使用 iOS 18 SDK，构建目标 iOS 17。

我有一些非常简单的代码：

List {
    HStack {
        TextField("Some field", text: .constant("Hello"))
        Text("km")
    }
    Text("Hello")
}

当我运行它时，两个列表行之间的分隔符消失在TextField部分下方：

然而，当我删除该Text("km")行时，一切都按预期工作：

List {
    HStack {
        TextField("Some field", text: .constant("Hello"))
    }
    Text("Hello")
}

我不知道这是怎么回事。有什么建议吗？

我正在尝试创建按钮，这些按钮在必要时会变宽到最大宽度，此时它们会使用“...”来截断标题。我知道按钮框架有一些不寻常的地方，比如在之前或之后应用框架的区别，.buttonStyle但这种行为让我感到惊讶。

似乎应用maxWidth会使按钮占用该宽度，即使它不需要。如果您应用为其提供背景的按钮样式，按钮周围就会有空白。

我发现这也适用Text()。

struct TestButton: View {
    let title: String

    var body: some View {
        Button {
            print(title)
        } label: {
            Text(title)
                .lineLimit(1)
        }
        .frame(maxWidth: 180)
        .background(.purple)
        .buttonStyle(PlainButtonStyle())
        .focusable()
    }
}
HStack {
    TestButton(title: "Bears")
    TestButton(title: "Battlestar Galactica")
}