SwiftUI 无边框图像按钮

Posted

技术标签:

【中文标题】SwiftUI 无边框图像按钮【英文标题】:SwiftUI Image-Button without Border 【发布时间】:2021-04-28 08:59:43 【问题描述】: 我正在尝试在 **SwiftUI** 中创建一个可点击的 **Image**,在浏览了几个网页后,我发现了以下代码:
Button(action: 
            toggleWidth()
        ) 
            Image(systemName: "chevron.right")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: 20, height: 20)
                .cornerRadius(40)
                .buttonStyle(BorderlessButtonStyle())
        

创建以下输出: Buttons

无论我想做什么,我似乎都无法消除按钮本身的填充。 为了显示图像,我缺少什么按钮?

【问题讨论】:

【参考方案1】:

不是 100% 确定你在问什么,但也许你可以试试这个:

Button(action: 
    toggleWidth()
) 
    Image(systemName: "chevron.right")
        .resizable()
        .aspectRatio(contentMode: .fill)
        .frame(width: 20, height: 20)
        .cornerRadius(40)
.buttonStyle(BorderlessButtonStyle())

【讨论】:

以上是关于SwiftUI 无边框图像按钮的主要内容,如果未能解决你的问题,请参考以下文章

WPF 按钮无边框无背景

SwiftUI 设置圆角、边框

html文本框和按钮这些点击时不显示边框的光晕。 或者淡化好看些。

如何创建标准无边框按钮(如提到的设计指南中)?

如何在 Android 中创建无边框按钮 [重复]

按钮SwiftUi内图像的背景颜色问题