Tunko Development Diary

[SwiftUI] 간단하게 View 라운딩 처리 & 그라데이션 넣기 본문

Development/iOS 개발

[SwiftUI] 간단하게 View 라운딩 처리 & 그라데이션 넣기

Tunko 2021. 2. 28. 01:31

제가 사용할 그라데이션과 라운딩 처리를 동시에 처리할 수 있는 모듈을 공유합니다.
도움이 되길 바랍니다 :)

사용 예시 화면입니다.

RoundedCorners.swift
7.8 kB

사용방법은 .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))
반응형
Comments