AndroidStudio에서 레이아웃 디자인 (layout_weight)

AndroidStudio로 레이아웃 디자인하기 (layout_weight)



AndroidStudio3.6.3 현재 레이아웃 방법은 LinearLayout 또는 ConstraintLayout을 사용하는 것이 일반적입니다.
LinearLayout은 horizontal 및 vertical 부품을 제공하지만 내용은 동일하며 orientation 값이 다릅니다.
ConstraintLayout은 LinearLayout보다 더 높은 기능을 가진 것 같습니다.
※라고 해도 거기까지 다루지 못하는 것입니다만

ConstraintLayout에서 레이아웃을 원하는 대로 배치해 봅시다.

이제 ConstraintLayout을 배치합니다. 배치한 ConstraintLayout을 선택한 상태에서 ■를 드래그하여 위치와 크기를 변경합니다.

배치한 ConstraintLayout 안에 버튼을 3개 배치합니다. ConstraintLayout에 파트를 배치하는 경우는 레이아웃 화면에 드래그 하는 것보다 컴퍼넌트 트리에 드래그 하는 것이 확실합니다. 배치하는 부모-자식 관계를 잘못했을 경우는 컴퍼넌트 트리 화면에서 수정이 가능합니다.

버튼 3개는 각각 id를 bt1, bt2, bt3으로 합니다. split 화면에서 코드를 바꾸면서 디자인을 봅니다.
레이아웃의 지시는 다시 이것을 보고 참고해 주세요.

1.bt1의 Start를 드래그하여 ConstraintLayout의 Start로 드롭
2. bt2의 Start를 드래그하여 bt1의 End에 드롭
3.bt3의 Start를 드래그하여 bt2의 End에 드롭
이제 표시 규칙이 결정되었습니다. 왼쪽에서 bt1, bt2, bt3 순서로 나란히 표시됩니다.

버튼의 표시 폭을 ConstraintLayout의 폭에 따라 변경



이대로는 버튼은 줄지어 있었지만 ConstraintLayout의 좌측에 표시되는 것만으로, 사용되고 있지 않은 공간이 존재합니다.
버튼의 가로 폭을 ConstraintLayout에 맞추려면 layout_weight를 사용합니다.

split 화면에서는 신규 요소를 추가할 수 없으므로 화면을 디자인으로 전환합니다.
버튼 3개 각각의 layout_weight를 1로, layout_width를 "0dp"로 변경해 봅시다.

그러면 버튼의 가로 너비가 ConstraintLayout의 가로 너비로 채워집니다.
layout_weight로 설정한 "1"을 비율을 나타내는 것 같습니다.
모두 1로 설정했기 때문에 버튼 3개가 각각 1:1:1의 비율로 표시되는 것 같습니다.

좋은 웹페이지 즐겨찾기