오토레이아웃 보더가 패딩 밖으로 생길 때

질문

오토 레이아웃 업데이트 이후 border(position inside)가 padding 바깥쪽에 잡혀 셀렉터 등의 크기가 어긋나는데, 매번 패딩을 보더 두께만큼 조정하지 않고 해결하는 방법이 있는지.

답변

오토 레이아웃 고급 설정에 있는 Strokes 옵션(Included in layout / Excluded from layout)을 바꾸면 해결되며, 대화에서는 excluded로 두었을 때 보더가 레이아웃 크기에 영향을 주지 않고 기존처럼 크기가 유지되는 것으로 정리됐다. 이 변경은 CSS 박스 모델과 맞추기 위한 업데이트이고, Auto Layout Mode를 Legacy로 되돌리는 방법은 올해까지만 선택 가능하고 이후에는 모두 바뀐다고 한다. 세로 규격이 정해진 에셋만 보더를 고려한 패딩 토큰을 별도로 만들어 대응하는 팀도 있다.