안드로이드 레이아웃 :의 TableView

Question

는 사람이 얼마나 더 아래 대상 예와 같이

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="fill_parent" 
     android:gravity="center" 
     android:layout_height="wrap_content" > 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="#300000" 
     android:textColor="#ff0000" 
     android:text="Sample Layout"/> 
    </LinearLayout> 
    <TableLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 
    <TableRow> 
    <Button 
     android:layout_column="1" 
     android:layout_height="wrap_content" 
     android:background="@drawable/icon" 
     android:padding="2dip"/> 
    <Button 
     android:layout_column="2" 
     android:layout_height="wrap_content" 
     android:background="@drawable/icon" 
     android:padding="2dip"/> 
    <Button 
     android:layout_column="3" 
     android:layout_height="wrap_content" 
     android:background="@drawable/icon" 
     android:padding="2dip"/> 
    </TableRow> 
    <TableRow> 
    <TextView 
     android:layout_column="1" 
     android:layout_height="wrap_content" 
     android:padding="2dip" 
     android:text="News Feed"/> 
    <TextView 
     android:layout_column="2" 
     android:layout_height="wrap_content" 
     android:text="Profile" 
     android:padding="2dip"/> 
    <TextView 
     android:layout_column="3" 
     android:layout_height="wrap_content" 
     android:text="Friends" 
     android:padding="2dip"/> 
    </TableRow> 
    <TableRow> 
    <Button 
     android:layout_column="1" 
     android:layout_height="wrap_content" 
     android:background="@drawable/icon" 
     android:padding="2dip"/> 
    <Button 
     android:layout_column="2" 
     android:layout_height="wrap_content" 
     android:background="@drawable/icon" 
     android:padding="2dip"/> 
    <Button 
     android:layout_column="3" 
     android:layout_height="wrap_content" 
     android:background="@drawable/icon" 
     android:padding="2dip"/> 
    </TableRow> 
    <TableRow> 
    <TextView 
     android:layout_column="1" 
     android:layout_height="wrap_content" 
     android:text="Messages" 
     android:padding="5dip"/> 
    <TextView 
     android:layout_column="2" 
     android:layout_height="wrap_content" 
     android:text="Places" 
     android:padding="5dip"/> 
    <TextView 
     android:layout_column="3" 
     android:layout_height="wrap_content" 
     android:text="Groups" 
     android:padding="5dip"/> 
    </TableRow> 
    </TableLayout> 
</LinearLayout> 

보기 아래 내 샘플을 말해 수 있습니다. 패딩이 예상대로 작동하지 않는 것 같고 전체 테이블 레이아웃을 중앙에 배치해야 할 필요가 있다고 생각합니다. 누군가가 나에게 무슨 일이 일어나고 있는지 이해하도록 도와 줄 수 있습니까? 목표 레이아웃 (3x3 대신 3x2)과 일치하도록 수정해야하는 항목은 무엇입니까? 감사.

Answer 1

대신 사용 Button의 ImageButton, 각 버튼 아래에 텍스트를 정확하게 중앙에 각 테이블 셀에 중첩 LinearLayout를 사용

<TableRow> 
    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 
     <ImageButton 
      android:layout_gravity="center_horizontal" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="#00000000" 
      android:src="@drawable/icon" /> 
     <TextView 
      android:layout_gravity="center_horizontal" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="2dip" 
      android:text="News Feed"/> 
    </LinearLayout> 

    <LinearLayout> 
     ... 
    </LinearLayout> 
</TableRow> 

공지 사항 android:layout_gravity="center_horizontal" 부모 수평보기를 중심으로 전망. 이 코드는 약간의 개선이 필요할 수도 있지만 따라야하는 일반적인 아이디어입니다 (layout_gravity, 중첩 된 레이아웃 및 ImageButton 사용).

<TableLayout 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    android:stretchColumns="*" >