Starbucks Caramel Frappuccino
본문 바로가기
  • 그래 그렇게 조금씩
SwiftUI/SwiftUI(Basic)

[55] Background Materials

by Toughie 2023. 5. 11.

⭐️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("이미지"))
    }
}

'SwiftUI > SwiftUI(Basic)' 카테고리의 다른 글

[57] .buttonStyle / .controlSize / .buttonBorderShape  (0) 2023.05.12
[56] TextSelection / Window, Scene  (0) 2023.05.12
[54] AsyncImage / @unknown  (0) 2023.05.11
[53] 온보딩뷰 만들기  (0) 2023.05.08
[52] @AppStorage / UserDefaults  (0) 2023.05.07