macOS SwiftUI实现仅图片菜单:移除默认下拉箭头
在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
相关产品推荐
相关产品推荐

