SwiftUI/SwiftUI(Basic)

[55] Background Materials

Toughie 2023. 5. 11. 23:50

⭐️Background Materials⭐️

애플만의 갬성.. 뒷배경이 불투명하게 블러효과처럼 보이는 글래스 모피즘 디자인을
Material을 통해 간단하게 구현할 수 있다.

//  Created by Toughie on 2023/05/11.
//

import SwiftUI

struct BackgroundMaterialPrac: View {
    var body: some View {
        VStack {
            Spacer()
            
            VStack {

                RoundedRectangle(cornerRadius: 4)
                    .frame(width: 50, height: 4)
                    .padding(.top)

                VStack {
                    Spacer()
                    Text("Apple Style")
                    Spacer()
                }

                Spacer()
            }
            .frame(height: 350)
            .frame(maxWidth: .infinity)
            //.background(Color.blue.opacity(0.1))
            //이런 식으로 material에 틴트를 줄 수도 있을듯..
            .background(.ultraThinMaterial)
            .cornerRadius(20)
            
        }
        .ignoresSafeArea()
        .background(Image("이미지"))
    }
}