투케이2K

503. (ios/swift5) [BadgeSwift] UI 라벨 사용해 뱃지 텍스트 색상 , 배경 색상 , 라운드 커스텀 설정 본문

IOS

503. (ios/swift5) [BadgeSwift] UI 라벨 사용해 뱃지 텍스트 색상 , 배경 색상 , 라운드 커스텀 설정

투케이2K 2024. 4. 18. 20:37

[개발 환경 설정]

개발 툴 : XCODE

개발 언어 : SWIFT5

 

[소스 코드]

    // -----------------------------------------------------------------------------------------
    // MARK: - [테스트 메인 함수 정의 실시]
    // -----------------------------------------------------------------------------------------
    func testMain() {
        S_Log._D_(description: "테스트 함수 시작 실시", data: nil)
        
        
        /*
        // -------------------------------------------------------
        [요약 설명]
        // -------------------------------------------------------
        1. BadgeSwift 라이브러리는 Ios 에서 간편하게 UI 라벨을 사용해 뱃지 디자인을 할 수 있는 라이브러리입니다
        // -------------------------------------------------------
        2. 필요 import : import BadgeSwift
        // -------------------------------------------------------
        3. BadgeSwift 라이브러리 Git 공식 사이트 : https://github.com/evgenyneu/swift-badge.git
        // -------------------------------------------------------
        4. 라이브러리 추가 방법 참고 사이트 : https://blog.naver.com/kkh0977/223419815214
        // -------------------------------------------------------
        */
        
        
        // [로직 처리 실시]
        DispatchQueue.main.async {
            
            // [CGRect 크기 및 위치 설정 실시]
            let cgRect = CGRect.init(
                x:(self.view.frame.size.width / 2) - 50, // [x]
                y:150, // [y]
                width:100, // [width]
                height:100 // [height]
            )

            
            // [BadgeSwift 객체 생성]
            let badge = BadgeSwift(frame: cgRect)
            
            
            // [text 지정]
            badge.text = "1"
            
            
            // [커스텀 디자인 설정]
            badge.textColor = UIColor.yellow // 폰트 색상
            badge.badgeColor = UIColor.black // 배경 색상
            badge.cornerRadius = 10 // 라운드 값
            
            
            // [뷰에 추가 실시]
            self.view.addSubview(badge)
        }

    }
 

[결과 출력]

 

반응형
Comments