SwiftUI의 ProgresssView 설계 조정
iOS 14+
이용 가능한 ProgresssView의 디자인 조정 노트.import SwiftUI
struct ContentView: View {
var body: some View {
HStack {
ProgressView()
.padding(.all, 16)
.border(Color.black, width: 1)
ProgressView()
.scaleEffect(x: 2, y: 2, anchor: .center)
.padding(.all, 16)
.border(Color.black, width: 1)
.progressViewStyle(CircularProgressViewStyle(tint: Color.green))
ProgressView()
.scaleEffect(x: 2, y: 2, anchor: .center)
.padding(.all, 24)
.background(Color.orange)
.progressViewStyle(CircularProgressViewStyle(tint: Color.green))
.cornerRadius(16)
ProgressView()
.scaleEffect(x: 2, y: 2, anchor: .center)
.padding(.all, 24)
.background(Color.orange)
.progressViewStyle(CircularProgressViewStyle(tint: Color.green))
.cornerRadius(16)
.opacity(0.6)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
Group {
ContentView().padding(.all, 16).preferredColorScheme(.light).previewLayout(.sizeThatFits)
ContentView().padding(.all, 16).preferredColorScheme(.dark).previewLayout(.sizeThatFits)
}
}
}
미리 보기.메모지
확대/축소 렌더링에 사용됩니다
scaleEffect
.func scaleEffect(x: CGFloat = 1.0, y: CGFloat = 1.0, anchor: UnitPoint = .center) -> some View
안의 그룹의 색을 바꿀 때
CircularProgressViewStyle
tintcolor를 지정합니다.
Reference
이 문제에 관하여(SwiftUI의 ProgresssView 설계 조정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/yorifuji/articles/swiftui-progressview-design텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)