채팅 ui 속성) 말풍선 크기 최대최소 조정 문제

Question

말풍선의 최대 최소를 설정하고부터, 강의와 다른 결과가 나옵니다.말풍선 자체의 auto layout에 크기 제한을 걸었을때➡ min, max 크기는 제한 ok그러나 전체 프레임을 줄였을때 min크기로 줄어드는게 아니고 프레임 바깥으로 잘림말풍선+시간이 들어있는 auto layout에 크기 제한을 걸었을 때 (강의 내용)➡ 한글자만 들어있어도 항상 크기가 max로 고정그러나 전체 프레임을 줄였을때 맞춰 조정되나 min 크기 제한이 무시됨hug와 fill을 하나씩 바꿔봤는데도 동시 적용이 안된다는 점 때문에 무엇이 문제인지 도통 모르겠네요ㅠㅠ

Answer

[사진]안녕하세요! 질문 주셔서 감사합니다. 작성해 주신 내용을 봤을 때 두 가지를 테스트 해보시면 될 것 같은데요!먼저 말풍선 자체의 auto layout 크기 제한을 걸 때, 말풍선 안에 있는 text의 리사이징을 말풍선 사이즈의 가로사이즈에 꽉 채우도록 filled로 해보시면 사이즈 조절할 때 프레임 바깥으로 잘리지 않을 것 같습니다. 리사이징 옵션을 계속 바꿔보신 상태에서 아마 텍스트의 리사이징이 fixed로 되어있는 것이 아닐까 합니다!또 한가지는 말풍선+시간을 감싼 오토레이아웃은 가장 바깥 프레임(디바이스 사이즈의 프레임) 바로 아래에 들어가 있어서, constraints를 left and right로 설정해주시면 될 것 같습니다!

안희지

채팅 ui 속성) 말풍선 크기 최대최소 조정 문제

이 글과 비슷한 Q&A

오브젝트는 뭘 눌러야 생기는거죠?

도대체 예제 파일이 어딨죠?

디자인 스터디 문의

디자인시스템 시멘틱 컬러 관련