एंड्रॉइड टेबल लेआउट संरेखण

Question

मैं नीचे दिखाए गए डेटा को प्रदर्शित करने के लिए टेबल लेआउट का उपयोग कर रहा हूं।

मैं क्या करना चाहता हूं?

मैं दूसरे कॉलम में पाठ को बाईं ओर गठबंधन करना चाहता हूं और पाठ को लपेटना चाहिए और अगली पंक्ति में प्रदर्शित होना चाहिए और जैसा कि आप छवि में देखते हैं।

कोड:

<TableLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/tableLayout1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" > 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <ImageView 
       android:id="@+id/place_category_icon" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:contentDescription="ss" 
       android:paddingRight="10dp" 
       android:src="@drawable/icon_category" 
       android:textAlignment="textStart" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:layout_gravity="center" 
       android:text="230 kms" 
       android:textSize="16sp" > 
      </TextView> 
     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <ImageView 
       android:id="@+id/place_category_icon" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:contentDescription="ss" 
       android:paddingRight="10dp" 
       android:src="@drawable/icon_category" 
       android:textAlignment="textStart" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:layout_gravity="center" 
       android:text="Hill Station, Wild Life" 
       android:textSize="16sp" > 
      </TextView> 
     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <ImageView 
       android:id="@+id/place_category_icon" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:contentDescription="ss" 
       android:paddingRight="10dp" 
       android:src="@drawable/icon_category" 
       android:textAlignment="textStart" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:layout_gravity="center" 
       android:text="Summer 23-40°C, Winter 10-32°C" 
       android:textSize="16sp" > 
      </TextView> 
     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <ImageView 
       android:id="@+id/place_category_icon" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:contentDescription="ss" 
       android:paddingRight="10dp" 
       android:src="@drawable/icon_category" 
       android:textAlignment="textStart" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:layout_gravity="center" 
       android:text="Tippus Drop, Tippus Summer Residence, Brahmashram, Cycling, Paragliding" 
       android:textSize="16sp" > 
      </TextView> 
     </TableRow> 
    </TableLayout> 

यह कैसा

Answer 1

मैं सबसे आसान तरीका टी कर सकते हैं hink का एक LinearLayout इस तरह के साथ प्रत्येक TableRow सामग्री रैप करने के लिए है:

<TableLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/tableLayout1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" > 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" > 

       <ImageView 
        android:id="@+id/place_category_icon" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:contentDescription="ss" 
        android:paddingRight="10dp" 
        android:src="@drawable/ic_launcher" /> 

       <TextView 
        android:id="@+id/textView2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:layout_gravity="center" 
        android:text="230 kms" 
        android:textSize="16sp" > 
       </TextView> 
      </LinearLayout> 
     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" > 

       <ImageView 
        android:id="@+id/place_category_icon" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:contentDescription="ss" 
        android:paddingRight="10dp" 
        android:src="@drawable/ic_launcher" /> 

       <TextView 
        android:id="@+id/textView2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:layout_gravity="center" 
        android:text="Hill Station, Wild Life" 
        android:textSize="16sp" > 
       </TextView> 
      </LinearLayout> 
     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" > 

       <ImageView 
        android:id="@+id/place_category_icon" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:contentDescription="ss" 
        android:paddingRight="10dp" 
        android:src="@drawable/ic_launcher" /> 

       <TextView 
        android:id="@+id/textView2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:layout_gravity="center" 
        android:text="Summer 23-40°C, Winter 10-32°C" 
        android:textSize="16sp" > 
       </TextView> 
      </LinearLayout> 
     </TableRow> 

     <TableRow 
      android:id="@+id/tableRow2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="10dp" > 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" > 

       <ImageView 
        android:id="@+id/place_category_icon" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:contentDescription="ss" 
        android:paddingRight="10dp" 
        android:src="@drawable/ic_launcher" /> 

       <TextView 
        android:id="@+id/textView2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:layout_gravity="center" 
        android:text="Tippus Drop, Tippus Summer Residence, Brahmashram, Cycling, Paragliding" 
        android:textSize="16sp" > 
       </TextView> 
      </LinearLayout> 
     </TableRow> 
    </TableLayout> 

और यह परिणाम है:

आशा मैं सही ढंग से अपनी आवश्यकताओं को समझा।

Answer 2

मेरा अनुमान दिखना चाहिए - layout_width बदल सकते हैं और गुरुत्वाकर्षण से छुटकारा पाने:

<TextView 
      android:id="@+id/textView2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_centerVertical="true" 
      ... 
      > 
     </TextView> 

Answer 3

एक TableRow के बाद से काफी एक क्षैतिज LinearLayout उन्मुख है, बस बनाने के लिए TextViewImageView के बाद सभी जगह को भरने के वजन के सिद्धांतों का उपयोग करें। इसका मतलब है कि आप कुछ हद तक करने के लिए इस तरह पंक्तियों को बदलने के लिए होगा:

<!-- no need to set width/height as those are implicitly enforced --> 
    <TableRow 
     android:id="@+id/tableRow2" 
     android:paddingBottom="10dp" > 

     <ImageView 
      android:id="@+id/place_category_icon" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:contentDescription="ss" 
      android:paddingRight="10dp" 
      android:src="@drawable/icon_category" /> 

     <!-- width of '0' and weight of '1' will make this view fill up all remaining space --> 
     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_gravity="center_vertical" 
      android:text="230 kms" 
      android:textSize="16sp" /> 

    </TableRow> 

मैं भी हटा दिया है/कुछ ज़रूरत से ज़्यादा गुण बदल दिया है। ध्यान रखें कि मैंने इसे सीधे ब्राउज़र में टाइप किया है - अजीब टाइपो या ट्वीक आवश्यक हो सकता है।