[UI] Semantic Button 이미지 오른쪽 끝으로 넣기! (버튼 내부 정렬)

 

 

안녕하세요~.~

버튼 구성하는데 이미지를 제일 끝으로 정렬해야하는 디자인이더라구요!

그래서 Semantic이라는 속성을 이용해서 이미지를 오른쪽으로 정렬해보겠습니다!!

 

 

Storyboard에서 설정하기

아래 이미지처럼 버튼에서 semantic을 설정해주고,

필요에따라 Insets도 설정해줍니다! (텍스트와 이미지가 몇 떨어져 있을지 설정하는 부분)

 

 

Force Right-to-Left : 이미지 왼쪽 정렬

Force Left-to-Right : 이미지 오른쪽 정렬

 

 UI 코드로 설정하기

 

semanticContentAttribute 를 이용해서 위의 방법과 동일하게 어느 방향으로 정렬할지 정해줍니다

Insets는 titleEdgeInsets를 사용해서 설정해주면 됩니다!!

 

 

하지만...

기존에 사용하던 titleEdgeInsets가 Deprecatied됐더라구여..

 

 

찾아보니..

15버전 이후로는 titlePadding 으로 변경되었다고하는군뇨..

 

 

값도 CGFloat로 바뀌었어여!!!

좋습니다 한번 사용해보죠!!

 

        if #available(iOS 15.0, *) {
            datePickerBtn.configuration?.titlePadding = 20
        } else {
            datePickerBtn.titleEdgeInsets = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 20)
        }

 

저는 이렇게  OS가15버전 이상인 것들은 titlePadding으로 처리해주고

아래 버전들은 titleEdgeInsets으로 처리해주도록했어요!

잘 적용되는거 확인하면! 끝!!!

 

 

 

오늘의 글은 여기서 끝입니당!!

혹시 틀린 부분이나 부족한 부분은 댓글로 남겨주시면 반영하겠습니다!

글 읽어주셔서 감사합니다 :)