phaseAnimatorSymbolEffect.swift

//
//  IsCallingView.swift
//  Face2FaceUpdated
//

import SwiftUI

struct IsCallingView: View {
    var body: some View {
        ZStack {
            // Outer circle
            Circle()
                .fill(.blue.gradient)
                .frame(width: 172, height: 172)
                .opacity(0.2)
                .phaseAnimator([false, true]) { content, phase in
                    content
                        .scaleEffect(phase ? 0.8 : 1.2)
                } animation: { phase in
                        .easeOut(duration: 1)
                }
            
            
            // Middle circle
            Circle()
                .fill(.blue.gradient)
                .frame(width: 172, height: 172)
                .opacity(0.5)
                .phaseAnimator([false, true]) { content, phase in
                    content
                        .scaleEffect(phase ? 0.7 : 1.1)
                } animation: { phase in
                        .easeIn(duration: 1)
                }
            
            
            // Inner circle
            Circle()
                .fill(.blue.gradient)
                .frame(width: 172, height: 172)
                .opacity(0.3)
                .phaseAnimator([false, true]) { content, phase in
                    content
                        .scaleEffect(phase ? 0.5 : 1.2)
                } animation: { phase in
                        .easeInOut(duration: 1)
                }
            
            
            HStack(alignment: .bottom, spacing: 0) {
                Text("Calling")
                Image(systemName: "ellipsis")
                    .font(.title)
                    .bold()
                    .symbolEffect(
                        .variableColor
                            .iterative.dimInactiveLayers.nonReversing
                    )
            }
            
        }
        .blendMode(.hardLight)
    }
}

#Preview {
    IsCallingView()
        .preferredColorScheme(.dark)
}