SwiftUI我如何添加一个contextMenu到一个列表行的图像,并保持圆角,也不显示整个行?

2022-01-28 08:39:57 标签 iosswiftswiftuicontextmenu

我有一个。liststyle (InsetGroupedListStyle())样式的SwiftUI列表。在这个列表中,我有一些图片在一个部分。

我想给图片添加一个contextMenu。它可以很好地工作,而不是只显示附加了contextMenu的图像-显示了整个行,角只在部分的顶部或底部行的圆角。

我怎么能显示contextMenu只有图像,我怎么能得到圆角的所有角落在所有情况下?

List {
    Section {
        // In this top row only the top two corners have rounded corners.
        Image("topImage")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            .contentShape(RoundedRectangle(cornerRadius: 16, style: .continuous))  // this has no effect
            .contextMenu(ContextMenu(menuItems: {
                Button {
                    Text("Button")
                } label: {
                    HStack {
                        Text("Button Action")
                    }
                }
            }))
        
        // In this middle row none of the corners have rounded corners
        Image("middleImage")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            .contentShape(RoundedRectangle(cornerRadius: 16, style: .continuous))  // this has no effect
            .contextMenu(ContextMenu(menuItems: {
                Button {
                    Text("Button")
                } label: {
                    HStack {
                        Text("Button Action")
                    }
                }
            }))
        // In this bottom row only the bottom corners have rounded corners
        Image("bottomImage")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            .contentShape(RoundedRectangle(cornerRadius: 16, style: .continuous))  // this has no effect
            .contextMenu(ContextMenu(menuItems: {
                Button {
                    Text("Button")
                } label: {
                    HStack {
                        Text("Button Action")
                    }
                }
            }))
    }
}
.listStyle(InsetGroupedListStyle())  
阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码