Jiwift

[iOS/Swift] 태그 여러개를 표시하는 UI 표현하기 본문

iOS Dev/UIKit

[iOS/Swift] 태그 여러개를 표시하는 UI 표현하기

지위프트 2024. 1. 1. 13:21
반응형

 Nams님의 프로젝트를 기반으로 수정을 진행한 코드입니다. 

[Swift] Multi Line Tag View 그리기 (tistory.com)

 

[Swift] Multi Line Tag View 그리기

SwiftUI만 하다가 UIKit을 하게될 일이 생겼는데 요구사항중하나가 뷰를 크기에 맞게 여러줄로 표현해주는 뷰에요 테그를 표현하는 뷰같은 곳에 많이 쓰이는 UI로 알고있어요 결과물 부터 보시죠!

nsios.tistory.com

 


 

사용 예시

 

wlxo0401/MultiLineTagView: A Multi Line Tag View for iOS(Swift) (github.com)

 

GitHub - wlxo0401/MultiLineTagView: A Multi Line Tag View for iOS(Swift)

A Multi Line Tag View for iOS(Swift). Contribute to wlxo0401/MultiLineTagView development by creating an account on GitHub.

github.com

 

 위 깃허브에 들어가서 코드 예제를 받아보실 수 있습니다. 예제는 최소한의 코드로만 작성되어있습니다. 그리고 Swift, SnapKit을 사용하여 작성되었습니다. 스토리보드나 다른 UI 라이브러리를 사용할 경우 직접 수정해야 합니다.

 

예시

 태그를 여러개 표시하는 상황에 자동 줄바꿈 기능을 통하여 유연한 UI를 표시하게 도와줍니다.

 

 

두개의 Delegate가 존재합니다.

1. selectTag(tag: String)
2. deleteTag(tag: String)

 

Select와 Delete Delegate로 앱 서비스에 맞는 기능을 추가합니다.

 

UI만 수정하여 사용할 수 있으며, Delegate가 필요 없는 경우 UI와 Delegate를 함께 수정하세요.

 

동작 모습

반응형