2012-09-28 42 views
4

我想圍繞我的頭在android的一些基本的佈局問題。下面是我想爲我的最終目標:Android的佈局問題 - 表格/網格/線性

enter image description here

正如你所看到的,各個領域建立這樣。這些字段根據XML數據填充。可能有一組字段,或者可能有更多。

我嘗試了一個tablelayout,但是即使layout_span for Field 7時它也沒有設置好。它工作正常,但是當我試圖改變Field 1到5的寬度時,它下面的跨越行沒有' t符合更改(不像HTML表格)。

如果存在多個字段(見圖中的紅線),則每個組中的字段需要排列。

有人能指出我該如何處理這個問題嗎?

謝謝。


編輯: 從納文·庫馬爾(謝謝!):

更新的屏幕截圖,看,如果你使文本不再會發生什麼:

enter image description here

回答

2

試試這個

 <?xml version="1.0" encoding="UTF-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:orientation="vertical" > 

     <TableLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center" > 

      <TableRow 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:padding="2dp" > 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 
      </TableRow> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="fill_parent" 
       android:orientation="horizontal" > 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="15" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="42" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="43" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 
      </LinearLayout> 

      <TableRow 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:padding="2dp" > 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 
      </TableRow> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="fill_parent" 
       android:orientation="horizontal" > 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="15" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="42" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_weight="43" 
        android:text="test" 
        android:textColor="#FFFFFF" 
        android:textSize="15sp" 
        android:textStyle="bold" /> 
      </LinearLayout> 
     </TableLayout> 
    </LinearLayout> 

</LinearLayout> 
+0

納文:謝謝,看起來像接近但仍然不qui TE。查看上面代碼的屏幕截圖(我編輯了問題以顯示它) – phpmysqlguy

+0

我編輯我的答案請檢查此 –

+0

由於某些原因,該代碼的第2和第4行爲LinearLayouts,第1和第3行爲TableRows。嘗試使用其中之一(儘管TableRow更實用)。另外(不太可能是問題,但是很好的做法),重力應該是中心的,而不是中心。 – Xono