[Android/JAVA] TableLayout으로 View 이쁘게 배치하기

<실행 예시>

 

 

---

<풀이>

 

TableLayout을 사용해 View가 이쁘게 배치되도록 하자.

TableLayout에서 한 행을 나타내기 위해 TableRow를 사용한다.

TableLayout 내에서 View가 차지하는 크기를 지정하기 위해 가로 길이 지정은 layout_span 속성을 사용하고 View의 시작 위치는 layout_column 속성으로 지정해준다.

EditText 경우 layout_span을 4로 지정했기 때문에 입력창 크기가 이쁘게 길게 되어 있다.

SAVE 버튼과 CANCEL 버튼도 이쁘게 배치되어 있는데 SAVE 버튼 속성에 layout_column을 3을 줬기 때문에 왼쪽에서 4번째 칸에 SAVE 버튼이 배치된다. 칸 수를 셀 때 0부터 세기 때문에 속성값을 3으로 하면 4번째 위치에 있는 것이다. CANCEL 버튼은 자연스럽게 SAVE 옆으로 이동한다.

근데 TableLayout에서 stretchColumns 속성을 지정해서 이쁘게 보이는 것이기 이 속성이 없다면 Row끼리 비율이 맞지 않는다. 그래서 stretchColumns 속성값으로 뷰와 비율을 맞추고 싶은 빈 칸의 index 값을 넣어 주며 된다.

 

---

<코드>

---

xml 1/2

xml 2/2