인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

안희지님의 프로필 이미지
안희지

작성한 질문수

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

채팅 UI에 추가 속성 설정하기

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

해결된 질문

작성

·

684

0

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

답변 1

0

장미순님의 프로필 이미지
장미순
지식공유자

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

안희지님의 프로필 이미지
안희지
질문자

안녕하세요! 직접 답변해주셔서 감사합니다ㅎㅎ

아쉽게도 계속 진행이 안되어 다시 연락드리게 됩니다ㅠㅠ

크기 제한에 상관 없이 동일하게 리사이징 적용 안됨

> [text], [말풍선]의 리사이징을 fill로 설정시 [말풍선+시간]이 fixed로 설정되어 말풍선 width가 max인 상태로 고정되고 전체 프레임에 맞춰 리사이징도 되지 않습니다.

- [text] filled > [말풍선] filled >> 저절로 [말풍선+시간] 무조건 fixed 됨

- [text] filled > [말풍선] filled > 바뀐거 무시하고 [말풍선+시간] filled >>저절로 [말풍선] fixed

+ 상대방, 나의 채팅을 모두 감싼 전체 auto layout만 constraints 옵션 있고 하위 항목은 전부 없어 [말풍선+시간] 직전상위 목록 역시 constraints 옵션 없음. 언급된 constraints 옵션은 left&right/top으로 설정되어있음

 

제가 figma를 아이패드 프로 / 모바일 웹(데스크탑버전)으로 작업중입니다.

안희지님의 프로필 이미지
안희지

작성한 질문수

질문하기