두서없는 공부 노트/Android

(Android) table_layout 테이블 레이아웃

kkm8257 2020. 8. 23. 18:24
반응형

테이블 레이아웃은 표나 엑실 시트와 같은 형태로 화면을 구현하는 레이아웃이다.

테이블 레이아웃 안에는 TableRow라는 태그가 여러개 들어가는데 이 태그는 한 행을 의미한다.

이는 행의 개수를 의미한다.

그리고 이 TableRow에 추가된 뷰의 개수가 열의 개수가 된다.

테이블레이아웃과

로우를 끌어다 컴포넌트 트리에 입력

그리고 차근차근 버튼도 그 row안에 넣어준다.

생성된 화면 ㅇㅇ

자 이제 위사진에 보이는 동그라미 부분(여백)을 오른쪽 버튼들이 알맞게 채울 수 있는 속성을 사용할 것임.

이는 stretchColumns라는 속성이다. 이 속성에 0이라고 지정하면 , 첫번째버튼(인덱스0)이 나머지 여유 공간을 모두 차지하므로 세 개의 버튼이 가로 방향을 꽉 채우게 된다.

첫 번째 칼럼은 0부터 시작하므로 지금은 버튼이 세개니까 "0,1,2" 로 입력(콤마로구분)

먼저 0을 넣어줄경우

0번 인덱스 버튼이 나머지 공간을 다 먹어버렸다..

0,1 로 해줄경우

0,1,2로해줄경우

요기에 plain text를 넣어줘보았다.

row를 하나 추가하고 입력창과 버튼을 삽입해주었는데

이런식으로 나와버렸다..

이를 해결하기위해서는 layout_span을 사용

해당 뷰에 layout_span 속성을 지정하여 2 값을 주면, 2개의 칼럼영역을 사용하겠따는 의미이다.

끄읏

반응형