macOS下SwiftUI如何在列表项高亮时修改前景色？

你的问题核心在于：手动通过selected属性仅能处理选中状态（键盘选中或鼠标点击选中），但无法响应鼠标悬停/临时高亮状态——这是因为SwiftUI默认没有公开行的高亮状态环境变量，而系统仅自动处理.primary/.secondary这类语义化颜色的反转。

可行解决方案：监听AppKit原生行高亮状态 #

通过桥接AppKit的NSCollectionViewItem或NSOutlineView，我们可以获取行的高亮状态，从而让自定义颜色跟随系统高亮逻辑。

1. 定义高亮状态监听视图

创建一个NSViewRepresentable视图，用来检测父级列表行的高亮状态：

import SwiftUI

struct HighlightDetector: NSViewRepresentable {
    @Binding var isHighlighted: Bool
    
    func makeNSView(context: Context) -> NSView {
        let view = NSView()
        view.wantsLayer = true
        return view
    }
    
    func updateNSView(_ nsView: NSView, context: Context) {
        // 处理NSCollectionView类型的普通List
        if let collectionItem = nsView.enclosingMenuItem?.representedObject as? NSCollectionViewItem {
            isHighlighted = collectionItem.isHighlighted
        }
        // 处理NSOutlineView类型的侧边栏风格List
        else if let outlineView = nsView.enclosingScrollView?.documentView as? NSOutlineView {
            let row = outlineView.row(for: nsView)
            isHighlighted = outlineView.isRowHighlighted(row)
        }
    }
}

2. 改造列表项视图

利用@Environment(\.isSelected)获取系统选中状态，结合监听的高亮状态，动态切换自定义颜色：

struct MyItem: View {
    @Environment(\.isSelected) private var isSelected
    @State private var isHighlighted = false
    
    var body: some View {
        HStack {
            Text("Hello").foregroundColor(.primary)
            Text("World")
                .foregroundColor((isSelected || isHighlighted) ? .white : .orange)
        }
        .background(
            HighlightDetector(isHighlighted: $isHighlighted)
                .allowsHitTesting(false) // 避免拦截点击事件
        )
    }
}

3. 简化列表视图

无需手动传递selected参数，SwiftUI会自动为选中的列表项注入isSelected环境变量：

struct MyList: View {
    @State private var selectedItemId: Int?
    let items: [YourItemType] // 替换为你的数据模型类型
    
    var body: some View {
        List(items, id: \.id, selection: $selectedItemId) { _ in
            MyItem()
        }
    }
}

关键说明 #

• 该方案同时覆盖选中状态（键盘/鼠标点击）和高亮状态（鼠标悬停）；
• 兼容SwiftUI在macOS底层使用的NSCollectionView和NSOutlineView两种实现；
• .allowsHitTesting(false)确保检测器视图不会影响列表项的交互逻辑。

内容的提问来源于stack exchange，提问作者nesk