SwiftUI中如何通过双击手势改变图片/图标的透明度

你的问题出在没理解SwiftUI的声明式逻辑，直接在手势回调里调用opacity()是无效的，得用状态变量驱动视图更新。下面是修正后的完整代码：

import SwiftUI
import PlaygroundSupport

struct ContentView: View{
    // 定义状态变量控制心形显示状态
    @State private var isHeartVisible = false
    
    var body: some View{
        Image("apple")
            .resizable()
            .scaledToFill()
            .clipShape(Circle())
            .frame(width:200,height:200)
            .overlay(
                Image(systemName: "heart.fill")
                    .font(.system(size:50))
                    .foregroundColor(.red)
                    // 根据状态变量设置透明度：显示时为1，隐藏时为0
                    .opacity(isHeartVisible ? 1 : 0)
                    .onTapGesture(count:2){
                        // 双击切换状态变量的值
                        isHeartVisible.toggle()
                    }
                
            )
    }
}

PlaygroundPage.current.setLiveView(ContentView())

关键修改说明： #

• 添加@State private var isHeartVisible = false：这是SwiftUI的状态变量，用来追踪心形图标的显示状态，变量变化时会自动触发视图重新渲染。
• 将opacity(0)替换为opacity(isHeartVisible ? 1 : 0)：让透明度依赖状态变量，当isHeartVisible为true时显示（透明度1），为false时隐藏（透明度0）。
• 在双击回调里执行isHeartVisible.toggle()：切换状态变量的布尔值，从而触发视图更新，改变心形图标的透明度。

你之前的写法错误在于，试图在手势回调里直接调用视图修饰符opacity()——这不符合SwiftUI的声明式规则，视图的属性必须由状态变量驱动，而不是直接在回调里修改。

内容的提问来源于stack exchange，提问作者ciney