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