MacOS SwiftUI中如何为.menu样式的Picker按钮设置样式？

当然可以自定义.menu样式Picker的按钮样式，下面是两种常用的实现方式：

方式一：利用系统修饰符快速修改 #

通过tint可以直接更改箭头的颜色，结合background设置按钮背景色，代码示例：

@State private var selectedOption = "1"

var body: some View {
    Picker("选择选项", selection: $selectedOption) {
        Text("选项1").tag("1")
        Text("选项2").tag("2")
        Text("选项3").tag("3")
    }
    .pickerStyle(.menu)
    .tint(.red) // 控制箭头颜色
    .background(Color.yellow.opacity(0.3)) // 设置按钮背景
    .cornerRadius(8) // 可选：给背景添加圆角
}

这种方式简单直接，适合只需要微调颜色的场景。

方式二：自定义Label完全控制外观 #

如果需要更灵活的自定义（比如替换箭头图标、调整布局），可以自己构建Picker的Label视图：

@State private var selectedOption = "1"

var body: some View {
    Picker(selection: $selectedOption, label: {
        HStack(spacing: 8) {
            Text("选择选项")
                .foregroundColor(.black)
            Image(systemName: "chevron.up.chevron.down")
                .foregroundColor(.blue) // 自定义箭头颜色
        }
        .padding(.horizontal, 12)
        .padding(.vertical, 8)
        .background(Color.green.opacity(0.2))
        .cornerRadius(8)
    }) {
        Text("选项1").tag("1")
        Text("选项2").tag("2")
        Text("选项3").tag("3")
    }
    .pickerStyle(.menu)
}

这种方式可以完全掌控按钮的文字样式、箭头图标、背景和内边距，满足个性化需求。

注意：.menu样式的Picker从iOS 14开始支持，以上代码适配iOS 14及更高版本。

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