NamS의 iOS일기

    2024/05/25 1

    [SwiftUI] 테두리 있는 Text 그리기(Outline Text, Stroke Text)

    결과물 이미지부터 볼게요SwiftUI로 이런 테두리가 있는 Text를 만들어볼거에요! iOS 17.0기준으로 아직 SwiftUI 모디파이어라던가 뷰 타입에서 Outline에 색을 칠할 수 있는 방법은 따로없어서커스텀으로 만들어줬어요 메커니즘은 텍스트 2개를 중첩을해서 뒷텍스트는 테두리처럼, 앞에꺼는 폰트색처럼 사용하려고해요만약 SwiftUI의 Text를 2개를 중첩한다면 좀더 복잡하고 계산할게 많아져요또한SwiftUI에서 사용가능한  AttributedString는 테두리가 먹히질 않아서 실패했어요 따라서UIKit에 있는 UILabel을 사용할거에요NSAttributedString을 이용해서 테두리를 적용시켜줄건데이때 속성으로 strokeColor와 foregroundColor 둘다 적용할 수 가 없어요..

    카테고리 없음 2024.05.25
    1
    더보기
    프로필사진

    NS Github

    • 전체 카테고리 (230)
      • iyOmSd (204)
        • Title: Objc (2)
        • Title: SwiftUI (30)
        • Title: Swift (108)
        • Title: RxSwift (12)
        • Title: Vapor (5)
        • Title: Project (5)
        • Title: iOS Think🤔 (10)
        • Title: Algorithm풀이 (28)
        • Title: Data Structure (4)
      • 디자인 (4)
        • Figma (4)
      • 끄적 끄적 (11)
        • Git (5)
        • 후기 (3)
      • 취미 (1)
        • 클라이밍 (0)
        • 여행 (0)
        • 드럼 (0)

    방문자수Total

    • Today :
    • Yesterday :

    Tag

    오브젝티브, scrollview, WWDC23, 티스토리챌린지, Swift, 파이어베이스, IOS, rxswift, 오블완, Bar Chart, Coordinator, 아이클라우드, IMAGE, Xcode Cloud, WWDC24, figma, Pie chart, 피그마, SwiftUI, tuist,

    최근글과 인기글

    • 최근글
    • 인기글

    최근댓글

    Archives

    Calendar

    «   2024/05   »
    일 월 화 수 목 금 토
    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

    티스토리툴바