2012-04-09 16 views
9

मैं कॉलम डिवाइडर के साथ एक टेबल बनाना चाहता हूं। मैं अपने कॉलम को लंबवत बार छवि के साथ विभाजित करना चाहता हूं। इसे प्राप्त करने के लिए मैंने "android:divider="@drawable/abc" का उपयोग किया है लेकिन यह काम नहीं कर रहा है। नीचे एक ही के लिए मेरे xml फ़ाइल है:टेबललेआउट में कॉलम के बीच विभाजक कैसे सेट करें?

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:stretchColumns="*" 
    android:padding="5dip" 
android:divider="@drawable/tracking_green" 
> 
<TableRow > 

<TextView 
    android:id="@+id/retaileritem1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:text="xxxxxxx" /> 

<TextView 
    android:id="@+id/retaileritem2" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:text="xxxxxxx" /> 

<ImageView 
    android:id="@+id/retailerimage1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:src="@drawable/tracking_green" /> 

</TableRow> 

उत्तर

0

के बाद से tablelayout प्रदान नहीं करता है यह सीधे, एक posibble तरह से एक framelayout हो सकता है। वांछित तालिका को किसी अन्य background_table से ऊपर रखें जिसमें केवल एक पंक्ति है और ऊंचाई/चौड़ाई के लिए "match_parent" है। वांछित layout_weights के साथ 3 कॉलम जोड़ें। दूसरे कॉलम में लंबवत विभक्त-छविदृश्य जोड़ें। मुख्य तालिका को अच्छी लगने के लिए अपनी पंक्तियों में समान लेआउट_विहेट्स + मार्जिन का भी उपयोग करना चाहिए।

क्षैतिज विभाजक संभवत: "अलग-अलग" टैबलेरो के बीच एक छवि दृश्य जोड़कर महसूस किया जा सकता है।

अभी तक जांच नहीं की, बस एक दृष्टिकोण

ornay

10

जोड़े एंड्रॉयड: showDividers = एक ऊर्ध्वाधर विभक्त के साथ "मध्यम"

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:stretchColumns="*" 
    android:padding="5dip" 
    android:divider="@drawable/tracking_green" 
    android:showDividers="middle" 
> 
+0

विभाजक के रंग को बदलने का कोई तरीका है। –

+0

उदाहरण के लिए: यदि आप --- एंड्रॉइड का उपयोग करते हैं: divider = "@ color/orangeBackground" फिर आप color.xml जैसे मान को परिभाषित कर सकते हैं --- ​​# FF8000

0

एक सूची में imageView का उपयोग इस प्रकार है:

<ImageView 
    android:id="@+id/divider" 
    android:contentDescription="@string/divider" 
    android:layout_width="1dp" 
    android:layout_height="65dp" 
    android:layout_marginTop="8sp" 
    android:background="#3B3B3B" 
    /> 

किसी विभाजक को दिखाने से बचने के लिए जब सूची में तत्व नहीं हैं तो आप हटा सकते हैं ई android:background="#3B3B3B" लाइन और यह प्रोग्राम के रूप में सेट करें:

1

मैं चाहता था इस

table image with vertical dividers

मैं अपने styles.xml में यह जोड़ा

<style name="Divider"> 
     <item name="android:layout_width">1dip</item> 
     <item name="android:layout_height">match_parent</item> 
     <item name="android:background">@color/divider_color</item> 
    </style> 

    <style name="Divider_invisible"> 
     <item name="android:layout_width">1dip</item> 
     <item name="android:layout_height">match_parent</item> 
    </style> 

Then in my table layout 

<TableLayout 
      android:id="@+id/table" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" 
      android:stretchColumns="*" > 

      <TableRow 
       android:id="@+id/tableRow1" 
       android:layout_width="fill_parent" 
       android:layout_height="match_parent" 
       android:background="#92C94A" > 

       <TextView 
        android:id="@+id/textView11" 
        android:paddingBottom="10dp" 
        android:paddingLeft="5dp" 
        android:paddingRight="5dp" 
        android:paddingTop="10dp" /> 

       <LinearLayout 
        android:layout_width="1dp" 
        android:layout_height="match_parent" > 

        <View style="@style/Divider_invisible" /> 
       </LinearLayout> 

       <TextView 
        android:id="@+id/textView12" 
        android:paddingBottom="10dp" 
        android:paddingLeft="5dp" 
        android:paddingRight="5dp" 
        android:paddingTop="10dp" 
        android:text="@string/main_wo_colon" 
        android:textColor="@color/white" 
        android:textSize="16sp" /> 

       <LinearLayout 
        android:layout_width="1dp" 
        android:layout_height="match_parent" > 

        <View style="@style/Divider" /> 
       </LinearLayout> 

       <TextView 
        android:id="@+id/textView13" 
        android:paddingBottom="10dp" 
        android:paddingLeft="5dp" 
        android:paddingRight="5dp" 
        android:paddingTop="10dp" 
        android:text="@string/side_wo_colon" 
        android:textColor="@color/white" 
        android:textSize="16sp" /> 

       <LinearLayout 
        android:layout_width="1dp" 
        android:layout_height="match_parent" > 

        <View style="@style/Divider" /> 
       </LinearLayout> 

       <TextView 
        android:id="@+id/textView14" 
        android:paddingBottom="10dp" 
        android:paddingLeft="5dp" 
        android:paddingRight="5dp" 
        android:paddingTop="10dp" 
        android:text="@string/total" 
        android:textColor="@color/white" 
        android:textSize="16sp" /> 
      </TableRow> 

      <!-- display this button in 3rd column via layout_column(zero based) --> 

      <TableRow 
       android:id="@+id/tableRow2" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="#6F9C33" > 

       <TextView 
        android:id="@+id/textView21" 
        android:padding="5dp" 
        android:text="@string/servings" 
        android:textColor="@color/white" 
        android:textSize="16sp" /> 

       <LinearLayout 
        android:layout_width="1dp" 
        android:layout_height="match_parent" > 

        <View style="@style/Divider" /> 
       </LinearLayout> 

.......... 
....... 
...... 
2

यह वह जगह है की तरह एक मेज है मैंने यह कैसे किया!

कोड

<LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:orientation="vertical" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="vertical" 
       android:padding="5dp" > 

       <TextView 
        android:id="@+id/textView4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_weight="1" 
        android:paddingBottom="50dp" 
        android:text="Salary Details" 
        android:textAppearance="?android:attr/textAppearanceLarge" 
        android:textStyle="bold" /> 

       <TableLayout 
        android:layout_width="wrap_content" 
        android:layout_height="match_parent" 
        android:layout_weight="1" 
        android:shrinkColumns="0" 
        android:stretchColumns="1" > 

        <TableRow 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" 
         android:layout_gravity="center_vertical" > 

         <TextView 
          android:layout_gravity="center_vertical" 
          android:gravity="left" 
          android:text="Financial Year" 
          android:textColor="@android:color/white" 
          android:textSize="14sp" 
          android:textStyle="bold" /> 

         <Spinner 
          android:id="@+id/spnSearchByCity" 
          android:layout_width="fill_parent" 
          android:layout_height="40dp" 
          android:layout_gravity="center_vertical" 
          android:entries="@array/year" 
          tools:listitem="@android:layout/simple_spinner_dropdown_item" /> 
        </TableRow> 
       </TableLayout> 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:background="#d30059" 
        android:orientation="vertical" 
        android:paddingTop="50dp" > 

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

         <TableRow 
          android:id="@+id/tableRow1" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@android:color/white" > 

          <TextView 
           android:id="@+id/textView1" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginTop="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Month" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:id="@+id/textView2" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginTop="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Net Salary" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:id="@+id/textView3" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginRight="1dp" 
           android:layout_marginTop="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Click" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 
         </TableRow> 

         <TableRow 
          android:id="@+id/tableRow2" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@android:color/white" > 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Jan" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="11305" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <LinearLayout 
           android:layout_width="match_parent" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginRight="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:orientation="vertical" > 

           <TextView 
            android:id="@+id/txtDetailsOneId" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_weight="1" 
            android:background="#000000" 
            android:text="DETAILS" 
            android:textAppearance="?android:attr/textAppearanceMedium" /> 
          </LinearLayout> 
         </TableRow> 

         <TableRow 
          android:id="@+id/tableRow3" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@android:color/white" > 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Feb" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="11405" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <LinearLayout 
           android:layout_width="match_parent" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginRight="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:orientation="vertical" > 

           <TextView 
            android:id="@+id/txtDetailsTwoId" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_weight="1" 
            android:background="#000000" 
            android:text="DETAILS" 
            android:textAppearance="?android:attr/textAppearanceMedium" /> 
          </LinearLayout> 
         </TableRow> 

         <TableRow 
          android:id="@+id/tableRow4" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" > 
         </TableRow> 
        </TableLayout> 
       </LinearLayout> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="vertical" 
       android:padding="50dp" > 

       <Button 
        android:id="@+id/btnMainMenuId" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_marginTop="5dp" 
        android:text="MAIN MENU" 
        android:textColor="@android:color/white" 
        android:textSize="12sp" /> 
      </LinearLayout> 
     </LinearLayout> 

स्नैपशॉट

enter image description here

0

दूसरा TextView marginleft = 1DP सेट का प्रयास करें। यदि आप नहीं चाहते हैं कि विभाजक सेट मार्जिन बाएं = 0 डीपी

संबंधित मुद्दे