반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- operator
- RFC1738/1808
- dismiss
- NavigationLink
- vim
- SWIFT
- typeorm
- @Environment
- Operater
- NullObject
- RxSwift
- swift6
- Creating Operators
- SwiftUI
- Xcode
- IOS
- RxCocoa
- subject
- Bug
- nonisolated
- @EnvironmentObject
- nestjs
- init
- URL(string:)
- @Binding
- init?
- ios14
- graphql
- Operators
- @State
Archives
- Today
- Total
Tunko Development Diary
[SwiftUI] 간단하게 View 라운딩 처리 & 그라데이션 넣기 본문
제가 사용할 그라데이션과 라운딩 처리를 동시에 처리할 수 있는 모듈을 공유합니다.
도움이 되길 바랍니다 :)
사용 예시 화면입니다.
사용방법은 .background 에 해당 RoundedCorners 를 넣어주면 됩니다.
예시)
그라데이션 radial 타입
.background(RoundedCorners(gradientType: .radial, startPoint: .leading, endPoint: .trailing, colors: [.white, .black], tl: 30, tr: 30, bl: 30, br: 30))
그라데이션 linear 타입
.background(RoundedCorners(gradientType: .linear, center: .center, startRadius: 0, endRadius: 300, colors: [.white,.yellow,.blue], tl: 10, tr: 10, bl: 10, br: 10))
그라데이션 angular 타입
.background(RoundedCorners(gradientType: .angular, center: .bottom, colors: [.blue, .green], tl: 10, tr: 10, bl: 10, br: 10))
반응형
'Development > iOS 개발' 카테고리의 다른 글
iOS13,14,15 네비게이션 바 투명 상태 처리 (0) | 2021.09.23 |
---|---|
[SwiftUI] NavigationView 와 NavigationLink 정리 (0) | 2021.03.02 |
[SwiftUI] List - Header, Footer 추가하기 (0) | 2021.02.26 |
[SwiftUI] iOS14 SwiftUI 2.0 List 구분선(separator line) 없애기 (0) | 2021.02.24 |
[SwiftUI] List 정리 (1) (0) | 2021.02.24 |
Comments