在 SwiftUI 中单击时如何使圆的圆周变黑？

Posted 2023-02-24

【中文标题】在 SwiftUI 中单击时如何使圆的圆周变黑？

【英文标题】：How can I make the circumference of the circle black when clicked in SwiftUI?

【发布时间】：2020-07-16 21:28:55

【问题描述】：

点击图片时，我想让周围区域变黑。我如何在 SwiftUI 上做到这一点？

【问题讨论】：

你是怎么尝试的？

【参考方案1】：

您可以使用 .overlay 和 .stroke 修饰符来实现这一点

查看下面的代码，希望对您有所帮助。

struct CircleOutLineView: View 
    var body: some View 
        ScrollView(.horizontal, showsIndicators: false) 
            HStack 
                CircleView(fillColor: .blue, outlineColor: .black)
                CircleView(fillColor: .red, outlineColor: .black)
                CircleView(fillColor: .yellow, outlineColor: .black)
                CircleView(fillColor: .green, outlineColor: .black)
                CircleView(fillColor: .purple, outlineColor: .black)
            
            .padding()
            .frame(height: 100)
        
    


struct CircleOutLineView_Previews: PreviewProvider 
    static var previews: some View 
        CircleOutLineView()
    


struct CircleView: View 
    
    @State private var isTapped = false
    
    var fillColor: Color
    var outlineColor: Color
    
    var body: some View 
        Circle()
            .fill(fillColor)
            .frame(width: 80, height: 80)
            .overlay(Circle().stroke(outlineColor, lineWidth: isTapped ? 1 : 0))
            .onTapGesture 
                self.isTapped.toggle()
            
    

【讨论】：

overlay 方法解决了我的问题，谢谢。