⭐️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 |