如何在2colum，2row格式中設計我的表格佈局？

嗨朋友我希望在表格佈局中設計我的xml，但是，我很困惑......現在我發佈我的當前輸出和屏幕截圖，並且還預期屏幕截圖。請幫我...如何創建我的預期......設計請指導我......如何在2colum，2row格式中設計我的表格佈局？

源代碼：XML

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 
    <TableLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:stretchColumns="0"> 
     <TableRow> 
      <View 
       android:layout_height="80px" 
       android:background="@drawable/m7"/> 
      <TextView android:text="Name: Tom" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 
       <TextView android:text="Name: Tom1" 
       android:paddingLeft="4px" 

     android:layout_gravity="right|center_vertical" /> 
     </TableRow> 
     <TableRow> 
      <View 
       android:layout_height="80px" 
       android:background="@drawable/m6" /> 
      <TextView android:text="Name: Ronald Joy" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 
     </TableRow> 
     <TableRow> 
      <View 
       android:layout_height="80px" 
       android:background="@drawable/m5" /> 
      <TextView android:text="Name: Thomas" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 
     </TableRow> 
     <TableRow> 
      <View 
       android:layout_height="80px" 
       android:background="@drawable/m4" /> 
      <TextView android:text="Name: Steve" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 
     </TableRow> 
     <TableRow> 
      <View 
       android:layout_height="80px" 
       android:background="@drawable/m3" /> 
      <TextView android:text="Name: Jurjen" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 
     </TableRow> 
     <TableRow> 
      <View 
       android:layout_height="80px" 
       android:background="@drawable/m2" /> 
      <TextView android:text="Name: Gabriel" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 

     </TableRow><TableRow> 
     <View 
       android:layout_height="80px" 

       android:background="@drawable/m1" /> 
      <TextView android:text="Name: Abrahem" 
       android:paddingLeft="4px" 
       android:layout_gravity="center_vertical" /> 
       </TableRow> 
    </TableLayout> 
</ScrollView>

enter image description here 預期的設計： -

enter image description here

來源

2011-10-28 balaji

希望這會有所幫助。

<TableLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@android:color/darker_gray" 
    android:padding="10dp"> 

    <TableRow 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:gravity="center_horizontal" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@android:color/white"> 

      <ImageView 
       android:id="@+id/imgPicture4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:focusable="true" 
       android:src="@drawable/icon" > 
      </ImageView> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:gravity="left" 
       android:orientation="vertical" 
       android:paddingLeft="10dp" > 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Name : Tom" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Company : TCS" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Phone : 12345" 
        android:textColor="@android:color/black" > 
       </TextView> 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:background="@android:color/white"> 

      <ImageView 
       android:id="@+id/imgPicture4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:focusable="true" 
       android:src="@drawable/icon" > 
      </ImageView> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:gravity="left" 
       android:orientation="vertical" 
       android:paddingLeft="10dp" > 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Name : Tom" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Company : Infosys" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Phone : 45678" 
        android:textColor="@android:color/black" > 
       </TextView> 
      </LinearLayout> 
     </LinearLayout> 
    </TableRow> 

    <TableRow 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="10dp" 
     android:gravity="center_horizontal" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@android:color/white"> 

      <ImageView 
       android:id="@+id/imgPicture4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:focusable="true" 
       android:src="@drawable/icon" > 
      </ImageView> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:gravity="left" 
       android:orientation="vertical" 
       android:paddingLeft="10dp" > 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Name : Tom" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Company : TCS" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Phone : 12345" 
        android:textColor="@android:color/black" > 
       </TextView> 
      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:background="@android:color/white"> 

      <ImageView 
       android:id="@+id/imgPicture4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:focusable="true" 
       android:src="@drawable/icon" > 
      </ImageView> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:gravity="left" 
       android:orientation="vertical" 
       android:paddingLeft="10dp" > 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Name : Tom" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Company : Infosys" 
        android:textColor="@android:color/black" > 
       </TextView> 

       <TextView 
        android:id="@+id/TextView01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Phone : 45678" 
        android:textColor="@android:color/black" > 
       </TextView> 
      </LinearLayout> 
     </LinearLayout> 
    </TableRow> 

</TableLayout>

來源

2011-10-28 11:06:28 Ian

我使用了這段代碼。我發佈屏幕截圖也..在這個源代碼的朋友丟失的東西... – balaji

左側的東西缺少.... PLZ指導我Amy88 – balaji

我編輯了代碼。請再試一次。 – Ian

如何在2colum，2row格式中設計我的表格佈局？

回答

相關問題