You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

macOS SwiftUI实现仅图片菜单:移除默认下拉箭头

移除macOS SwiftUI Menu组件的默认下拉箭头

在Swift 5.7.2的macOS SwiftUI应用中,默认Menu组件会自带下拉箭头,要仅保留自定义的省略号图片按钮,只需给Menu添加.menuStyle(.borderlessButton)修饰符即可——这个样式会移除系统默认的箭头和容器样式,让触发区域完全由你的自定义label控制。

修改后的完整代码:

Menu {
    Text("Menu Item 1")
    Text("Menu Item 2")
    Text("Menu Item 3")
} label: {
    Image(systemName: "ellipsis")
}
.menuStyle(.borderlessButton)

如果需要进一步优化按钮交互表现,比如让点击区域仅局限于图片范围,可以给label内的Image添加.buttonStyle(PlainButtonStyle()):

Menu {
    Text("Menu Item 1")
    Text("Menu Item 2")
    Text("Menu Item 3")
} label: {
    Image(systemName: "ellipsis")
        .buttonStyle(PlainButtonStyle())
}
.menuStyle(.borderlessButton)

内容的提问来源于stack exchange,提问作者david

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 21:07:35