inflearn logo
강의

Khóa học

Chia sẻ kiến thức

[Cập nhật 2024] Bắt đầu UX/UI: Giới thiệu Figma (Inflearn Original)

Đặt thuộc tính bổ sung trong giao diện người dùng trò chuyện

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

Đã giải quyết

980

beeisbuzz6368

1 câu hỏi đã được viết

0

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

프로토타이핑 모바일-디자인 figma ux-기획

Câu trả lời 1

0

jangmisoon

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

0

beeisbuzz6368

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

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

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

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

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

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

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

 

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

채팅 UI 추가 속성 설정 질문

0

25

1

예제 파일 오류

0

33

1

테이블 만들기 질문

0

57

1

Layout Grid

0

62

1

자주 사용하는 아이콘 만들기

0

79

1

업데이트 강의 버전은 언제 올라올까요?

1

117

0

강의와 아이콘이 달라 질문 드립니다.

0

91

1

39강 오토 레이아웃 질문

0

89

1

2025년 업데이트 강의 버전은 언제 올라올까요?

0

352

2

11강. 따라가기 , IMPORT(불러오기) 못찾음

0

116

2

44강 13분15초 좌우변경

0

94

1

TABLE 만들기

0

165

2

영상 저장 위치

0

350

1

아이콘 만들기_스왑 관련

0

90

0

45강 min max 설정

0

71

1

44강 예제실습 레이어속 프레임

0

85

1

auto layout과 position

0

59

1

Show version history

0

129

1

constraints가 안나와요!

0

386

1

frame 생성 시 android large가 없습니다.

0

261

2

불리언프로퍼티

0

131

1

요소 위치 교체

0

174

2

툴바가 캔버스 하단 중앙에 있는데 강의화면에서 보이는 것처럼 상단 중앙으로 이동할 수는 없나요

0

199

0

프레임 속성창

0

126

1