목표는 텍스트와 드롭다운 이미지가 클릭 가능한 영역으로 설정되는 버튼을 만드는 것이었습니다. 초기 시도에서는 하나의 UIButton에서 타이틀과 이미지를 설정했으나, 원하는 대로 구현되지 않았습니다.

셀프모드나 가이드 모드에서 타이틀 라벨이 아닌 버튼으로 구현해야 하는 문제가 있었습니다. 목표는 텍스트와 드롭다운 이미지가 클릭 가능한 영역으로 설정되는 버튼을 만드는 것이었습니다. 초기 시도에서는 하나의 UIButton에서 타이틀과 이미지를 설정했으나, 원하는 대로 구현되지 않았습니다.

문제

• 이미지와 타이틀이 순차적으로 배치되어 원하는 형태가 되지 않았습니다.

초기 고려한 해결책

• 하나의 뷰에 라벨과 이미지뷰를 **addSubView**하여 커스텀하려고 고민하였습니다.

최종 해결책

• **titleEdgeInsets**와 **imageEdgeInsets**를 사용하여 타이틀과 이미지의 위치를 조정하는 방식을 선택하였습니다.

코드 예시

titleLogoButton.titleEdgeInsets = UIEdgeInsets(top: 0, left: -(imageSize + spacing / 2),
                                              bottom: 0, right: imageSize + spacing / 2)
titleLogoButton.imageEdgeInsets = UIEdgeInsets(top: 0, left: titleSize.width + spacing / 2,
                                              bottom: 0, right: -(titleSize.width + spacing / 2))

추가 정보

위 방법 말고도 다른 방법을 상연님이 알려주셨다.

• **semanticContentAttribute** 속성을 이용하는 방법
  • 이 경우에도 inset 조절이 필요하기 때문에 현재 선택한 방법이 나을 수도 있다고 해주셨습니다.

semanticContentAttribute이란

semanticContentAttribute | Apple Developer Documentation