부모를 줄이면 무엇부터 줄어들까 — 템플릿 블록으로 확인

블록 오른쪽 손잡이(가로)나 아래쪽 손잡이(세로)를 끌어 줄여 보세요. 손을 떼는 순간 줄어든 Fixed 블록의 RememberedSize가 확정되어, 다시 키워도 돌아오지 않습니다. 위는 채택한 규칙(A), 아래는 비교용(B)입니다.

템플릿

조작

블록 크기

규칙: ① Fill(블록·텍스트)부터 줄입니다. 텍스트는 줄바꿈되며 좁아집니다. ② Fill을 더 줄이려면 그 안에 든 Fixed 블록까지 줄여야 하는 순간이 오면, 자식 Fixed 블록부터 ➔ 손자 순서로 줄입니다. 아이콘 같은 Fixed 일반 요소는 줄지 않습니다.

텍스트는 모두 가로 Fill입니다. 부모 폭에 맞춰 줄바꿈되며, 한 줄에 한 글자가 남을 때까지 좁아질 수 있습니다.
➔ 그런데 어떤 텍스트는 먼저 줄바꿈되고, 어떤 텍스트는 늦게 줄바꿈됩니다. 텍스트를 감싼 블록이 다르기 때문입니다.
 · Fill 블록 안의 텍스트(카드 제목·설명, 리스트 설명): ①단계에서 바로 줄바꿈됩니다.
 · Fixed 블록 안의 텍스트(칩·태그 라벨): 그 Fixed 블록이 줄어들 차례(②단계)가 와야 줄바꿈됩니다. 그 전까지는 블록 폭이 그대로라 텍스트도 그대로입니다.

텍스트 (가로 Fill) Fill 블록 Fixed 블록