[🐣질문] UIToolkit | 공간을 차지하는 원리를 모르겠엉

[침팬치(vivid5477)]

UIToolkit | VisualElement가 공간을 차지하는 원리를 모르겠음
일단 난 css같은거 잘 모름...

1. 위 이미지에서 
#SearchTab : LeftArea, shrink = grow = 1
#InspectorTab : RightArea, shrink = grow = 2 로 설정해둤어

파란색/검정색/빨간색 VisualElement는 빈 VisualElement야.

(구별하기 쉽게 백그라운드 컬러만 지정해뒀어)

모두 #SearchTab의 자식이야.

내가 원하는건 왼쪽과 오른쪽 영역의 비율을 1:2로 유지하고 싶습니다.

(#SearchTab 을 1 ,   #InspectorTab을 2의 비율로 유지를 꾸욱하고싶어)

2. 위 이미지에서

LabelElement를 blueRect의 자식으로 설정하면 #SearchTabs 너비가 노란색 범위만큼 증가를 해

왜 그런거지..?

내가 원하는건 라벨 토글 버튼 뭐든간에

색깔칠해진 렉트 자식으로 얼마나 추가해도

#SearchTabs이 고정 너비가 됬으면 좋겠어

3. 위 이미지
 블루렉트에 자식을 2개 넣었어

라벨 / 버튼들을 가진 빈 엘리멘트

또 각 버튼들은 Shrink=Grow =1로 고정

여기서 블루렉트에 자식들을 추가하기전
블루/블랙/레드가 서로 Shrink=Grow모두 동일했고
그래서 동일한 넓이를 나눠가졌거든?

그러나 블루렉트에 저런 라벨과 버튼들을 추가하면

위 이미지처럼 블루가 제일 커..
심지어 블랙과 레드는 아예 밑으로 꺼졌어.
또 SearchTab 그니까 색깔렉트들의 부모의 width자체도 증가한거같아
(가로세로 그냥 전체가 커진거같아)

내가 원하는건 파란검정빨간 각 사각형에 무얼넣어도
각 사각형들 비율이 유지됬으면하거든
아 모르겠어.. 비율을 맞추려고해도 뭐에 틀어져서 적용이 씹히는거같고
그게 뭔지도 모르겠고...

[불타는키보드(1bnmaker)]

최신기술이라 우리도 몰루겠는... - dc App

[익명(121.128)]

flex-basis를 0으로 해봐 이게 auto면 콘텐츠 크기를 고려해서 grow나 shrink를 맞출거임

[침팬치(vivid5477)]

아와와와아아아아 고쳐짐 이거였음 아아아 뽀뽀 해주고싶다

[침팬치(vivid5477)]

흑흑 선생님 정말 감사합니다