tvOS开发：能否修改列表高亮项的UI样式（如设置圆角）？

当然可以修改tvOS中List按钮的白色高亮背景样式，包括设置圆角。下面提供两种适配tvOS焦点交互的实现方案：

方案一：自定义ButtonStyle（推荐） #

通过自定义ButtonStyle可以直接控制按钮在焦点状态和点击状态下的样式，代码侵入性低且复用性强：

struct TeamListView: View {
    var body: some View {
        VStack {
            List(teams.sorted(by: { $0.points > $1.points })) { team in
                Button {
                    // 这里添加按钮点击逻辑
                } label: {
                    HStack {
                        Text(team.name)
                        Spacer()
                        Text("\(team.points)")
                    }
                }
                .buttonStyle(CustomTVButtonStyle()) // 应用自定义样式
            }
        }
        .padding()
    }
}

// 适配tvOS的自定义按钮样式
struct CustomTVButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding(.vertical, 8) // 调整内边距适配圆角
            .padding(.horizontal)
            .background(
                configuration.isFocused || configuration.isPressed 
                ? Color.white.opacity(0.8) // 高亮背景色，可自定义
                : Color.clear
            )
            .cornerRadius(12) // 设置圆角大小
            .scaleEffect(configuration.isFocused ? 1.05 : 1.0) // 可选：焦点时轻微放大增强反馈
    }
}

方案二：通过List行背景控制 #

利用focused状态绑定，直接修改List行的背景样式：

struct TeamListView: View {
    @State private var focusedTeam: Team? // 记录当前焦点的球队
    
    var body: some View {
        VStack {
            List(teams.sorted(by: { $0.points > $1.points })) { team in
                Button {
                    // 这里添加按钮点击逻辑
                } label: {
                    HStack {
                        Text(team.name)
                        Spacer()
                        Text("\(team.points)")
                    }
                }
                .focused($focusedTeam, equals: team) // 绑定焦点状态
                .listRowBackground(
                    focusedTeam == team 
                    ? Color.white.opacity(0.8).cornerRadius(12) 
                    : Color.clear
                )
            }
        }
        .padding()
    }
}

注意事项 #

• tvOS的交互核心是焦点状态，样式修改必须兼顾isFocused（焦点）和isPressed（点击）两种状态，确保用户得到清晰的交互反馈。
• 可以根据需求自定义高亮背景色（比如替换Color.white.opacity(0.8)为其他颜色）、圆角大小、缩放比例等参数。
• 若需要全局统一修改所有List按钮样式，可以将自定义ButtonStyle封装成全局修饰符或注入环境中。

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