iOS SwiftUI) Image

iOS SwiftUI) Image

import SwiftUI

struct CircleImageView: View {
    var body: some View {        
        Image("pizza")
            .resizable()
            .scaledToFill()
            .frame(width: 300, height: 300)
            .clipShape(Circle())
            .shadow(color: .gray, radius: 10, x:0, y:10)
        
            .overlay(
                Circle().foregroundColor(.black)
                    .opacity(0.4))
            .overlay(
                Circle().stroke(Color.red, lineWidth: 10)
                    .padding()
            )
            .overlay(
                Circle().stroke(Color.yellow, lineWidth: 10)
                    .padding(30)
            )
            .overlay(
                Circle().stroke(Color.blue, lineWidth: 10)
            )
            .overlay(
               Text("호호")
                .foregroundColor(.white)
                .font(.system(size:30))
                .fontWeight(.bold)
            )
    }
}

 

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                
                Image("pizza")
                    .frame(height: 10)
                    .offset(y: -800)
                
                CircleImageView()
                
                HStack {
                    NavigationLink(destination: MyWebView(urlToLoad:"https://www.youtube.com")
                    ) {
                        Text("구독하러 가기")
                            .font(.system(size:20))
                            .fontWeight(.bold)
                            .foregroundColor(.white)
                            .padding()
                            .background(.red)
                            .cornerRadius(20)
                    }
                    
                    NavigationLink(destination: MyWebView(urlToLoad:"https://www.daum.net")
                    ) {
                        Text("다음사이트 이동")
                            .font(.system(size:20))
                            .fontWeight(.bold)
                            .foregroundColor(.white)
                            .padding()
                            .background(.orange)
                            .cornerRadius(20)
                    }
                } //HStack
                .padding(50)
            }
        }
        
    }
}

 

 

참고) https://www.youtube.com/watch?v=ZodiJ0oy2kM&list=PLgOlaPUIbynqyJHiTEv7CFaXd8g5jtogT&index=6