여러 개의 ImageButton 및 버튼으로 레이아웃 디자인

아래 그림과 같은 레이아웃을 만들어야합니다 (3x3 격자의 각 블록은 ImageButton이고 각 ImageButton은 텍스트와 아래쪽에 작은 이미지가 있습니다) -여러 개의 ImageButton 및 버튼으로 레이아웃 디자인

나는 내가 TableLayout을 사용할 수 있습니다 생각하지만 문제는 내가 여분의 화면 이동없이 한 화면에서 모든 구성 요소에 맞게 할 것입니다. LinearLayout을 사용할 때 imageButtons가 서로 겹치는 부분은 어떻게 피합니까?

ImageButton이 화면 너비를 채우고 싶지만 match_parent가 도움이되지 않습니다. ImageButton의 크기를 고정해야합니까? 하지만 레이아웃이 모든 화면에서 작동하도록하고 싶습니다.

버튼을 별도의 행으로 포함하여 TableLayout에도 포함하면 해당 크기는 ImageButton 크기이므로 wrap_content는 유효하지 않습니다. 그리고 나는 그들을 센터에 배치하는 방법을 모른다.

무엇을 제안하십시오. 다른 레이아웃 제안 사항은 무엇입니까? App이 GingerBread (Android API 10)이기 때문에 GridLayout을 사용하지 않습니다. 감사합니다.

2012-06-10 gkris

- 선형 레이아웃, 방향 : 세로 - 외부 레이아웃 - 각 라인에 대한 선형 레이아웃, 방향 : 가로 -. 3 개의 "항목"중 33 개의 항목에 대한 레이아웃 가중치를 33으로 설정합니다.

각 항목은 이미지 버튼, 텍스트 및 이미지 - 선형 레이아웃, 방향 : 수직 및 텍스트 & 이미지로 구성됩니다. 다시 a 선형 레이아웃, 방향 : hortizontal.

이미지 버튼 : fill_parent에 너비를 설정합니다. 그에 따라 높이를 맞출 수 있습니다.

2012-06-10 12:44:38 Yar

제안 해 주셔서 감사합니다. 그러나 설명에 쓰여 있었지만 텍스트와 작은 이미지를 ImageButton과 겹치기를 원했습니다. 가능한가? – gkris

죄송합니다. "텍스트와 작은 이미지가 ImageButton과 겹치기"라는 의미가 무엇인지 모르겠습니다. – Yar

안녕하세요. 불명확 한 설명에 대해 유감입니다. 나는 [이] (http://i46.tinypic.com/2z85jfd.png)과 같은 것을하고 싶다. 여기에 표시된 것처럼 전체 배경은 ImageButton입니다. – gkris

답변