[UIKit] UIButton Configuration 분기처리를 해주자 (feat. custom button 만들기)



오늘 만난 UIButton~~ 

우리 타겟이 14, 15였나
지금부터 그럼 대응을 해줘야하는가?
#available 으로 → 답변은 ㅇㅇ!!!

UIButton 분기처리해주세요~

우리의 앱 타겟은 iOS 14.0 이상이다.

그냥 일반 UIButton으로 코드를 작성해도 되겠거니~ 싶어서 그냥 작성했더니, 이런 리뷰를 받았다.

아하!!! 일반 버튼에서 작성하던 코드들이 iOS 15.0 에서는 아예 작동을 안할 수 도 있겠구나!! 그럼 무조건 분기처리해줘야지..암…그래 ㅠㅠ (자동으로 좀 해주지)

생성되는 버튼에다가 아래처럼 분기처리를 해주었다.

private func configureUI() {
        if #available(iOS 15.0, *) {
            var buttonConfig = UIButton.Configuration.filled()
            buttonConfig.titleAlignment = .leading
            buttonConfig.baseBackgroundColor = .evyBlack1
            buttonConfig.cornerStyle = .capsule
            buttonConfig.preferredSymbolConfigurationForImage = Size.buttonImageSize
            buttonConfig.contentInsets = NSDirectionalEdgeInsets(top: 8, leading: 10, bottom: 8, trailing: 30)
            configuration = buttonConfig
            print("여길지나긴해?")
        } else {
            self.invalidateIntrinsicContentSize()
            self.titleLabel?.textAlignment = .center
            self.backgroundColor = .evyBlack1
            self.imageView?.contentMode = .scaleAspectFit
            self.constraint(.heightAnchor, constant: Size.buttonHeigth)
            self.contentEdgeInsets = UIEdgeInsets(top: 8, left: 10, bottom: 8, right: 30)
        }
    }

• #available(iOS 15.0, *): ios 15버전 이상일 경우에 해당 분기를 통과하게 된다.
• UIButton.Configuration(): 버튼과 그 내용의 모양과 동작을 지정하는 구성
• 해당 configuration를 저장해놓은 buttonConfig 객체에다가 다양한 스타일을 주고, 마지막에 configuration에 지정해주면 내가 작성한 버튼 스타일이 configuration에 정의된다.

 

공통 컴포넌트로 들어가는 UIButton의 최종 코드

//
//  GotoSomewhereButton.swift
//  EarthValley80
//
//  Created by LeeJiSoo on 2022/11/02.
//

import UIKit

final class GotoSomewhereButton: UIButton {

    private enum Size {
        static let buttonContentEdgeIneset: CGFloat = -10.0
        static let buttonFontSize: CGFloat = 16.0
        static let buttonHeigth: CGFloat = 50.0
        static let buttonCornerRadius: CGFloat = 25.0
        static let buttonImageSize: UIImage.SymbolConfiguration = UIImage.SymbolConfiguration(pointSize: 35)
    }

    // MARK: - init

    override init(frame: CGRect) {
        super.init(frame: frame)
        self.configureUI()
    }

    @available(*, unavailable)
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    // MARK: - func

    private func configureUI() {
        if #available(iOS 15.0, *) {
            var buttonConfig = UIButton.Configuration.filled()
            var buttonTitleAttribute = AttributedString()
            buttonTitleAttribute.font = .font(.medium, ofSize: 16)
            buttonConfig.attributedTitle = buttonTitleAttribute
            buttonConfig.titleAlignment = .leading
            buttonConfig.baseBackgroundColor = .evyBlack1
            buttonConfig.cornerStyle = .capsule
            buttonConfig.preferredSymbolConfigurationForImage = Size.buttonImageSize
            buttonConfig.contentInsets = NSDirectionalEdgeInsets(top: 8, leading: 10, bottom: 7, trailing: 30)
            configuration = buttonConfig
        } else {
            self.invalidateIntrinsicContentSize()
            self.titleLabel?.textAlignment = .center
            self.titleLabel?.setLineSpacing(kernValue: -0.32, lineHeightMultiple: 0.83)
            self.backgroundColor = .evyBlack1
            self.imageView?.contentMode = .scaleAspectFit
            self.constraint(.heightAnchor, constant: Size.buttonHeigth)
            self.contentEdgeInsets = UIEdgeInsets(top: 8, left: 10, bottom: 7, right: 30)
            self.layer.cornerRadius = Size.buttonCornerRadius
        }
    }

    func changeButtonContents(buttonImage: UIImage, buttonTitle: String) {
        self.setImage(buttonImage, for: .normal)
        self.setTitle(buttonTitle, for: .normal)
    }
}