Разделители ListView сверху и снизу ListView Item

Question

Я использую Android Listview, и я хочу, чтобы разделитель 1px на обеих сторонах элемента списка отображался в верхней и нижней частях двух разных цветов. Но проблема в том, что я не получаю логин для отображения разделителя внизу. Я пробовал android:layout_below, но он отображается как недействительный.

Это код ListView

<ListView 
     android:id="@+id/myphnview" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@drawable/dividerheight" 
     android:background="#E9EAEC" 
     android:clickable="true" 
     android:divider="@drawable/dividerheight" > 
    </ListView> 

Это файл XML Я использую для верхней границы. dividerheight.xml

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 

    <item> 
     <shape android:shape="line" > 
      <stroke android:color="#c6c7c9" /> 

      <size android:height="1px" /> 
     </shape> 
    </item> 


</layer-list> 

Это расположение моей строки

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rowlayout" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="#E9EAEC" 
    android:orientation="horizontal" > 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="2" > 

     <ImageView 
      android:id="@+id/icon" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:background="@drawable/ic_launcher"/> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="10dp" 
     android:layout_weight="1" > 

     <TextView 
      android:id="@+id/file_name" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left" 
      android:layout_margin="5dp" 
      android:text="Hello Android " 
      android:textColor="@android:color/black" 
      android:textSize="20dp" > 
     </TextView> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="5dp" > 

     <ImageView 
      android:id="@+id/share_button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left" 
      android:background="@drawable/ic_launcher"/> 
    </LinearLayout> 



</LinearLayout> 

Answer 1

Существует несколько способов достижения этого. Одним простым способом было бы полностью скрыть разделители (установить ширину разделителя на 0 или делиться на нуль) в списке и просто иметь в каждом элементе списка строку сверху и строку внизу. Рассмотрим этот XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="60dp"> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:layout_alignParentTop="true" 
     android:background="@android:color/white" /> 

    <LinearLayout ...> 
     <!-- this is your current list item LinearLayout --> 
    </LinearLayout> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:layout_alignParentBottom="true" 
     android:background="@android:color/black" /> 

</RelativeLayout> 

Как вы уже используете пользовательский адаптер, это просто вопрос, используя XML, как выше для вашего макета элемента списка в getView метод адаптера. Это приведет к появлению элементов списка 60dp high с белой линией вверху и черной линией внизу.

Answer 2

кажется, что вы хотите поместить линии (границы) в верхней и нижней части ListView. Если это то, что вы хотите, я бы предложил приведенный ниже код.

Подготовить строку в res/values ​​/ styles.xml следующим образом.

<style name="Line"> 
    <item name="android:layout_width">fill_parent</item> 
    <item name="android:layout_height">2px</item> 
    <item name="android:layout_marginLeft">10dp</item> 
    <item name="android:layout_marginRight">10dp</item> 
    <item name="android:background">@drawable/line_gradient</item> 
</style> 

Рез/рисуем/line_gradient.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
<gradient 
    android:startColor="@color/white" 
    android:endColor="@color/white" 
    android:centerColor="@color/blue" 
    android:useLevel="false" 
    android:type="linear" 
    android:angle="0"/> 
</shape> 

Наконец использовать линию, где когда-либо вам нужно в поле ниже образом.

<View 
     style="@style/Line"/> 
<ListView 
................ 
................ 
/> 
<View 
     style="@style/Line"/> 

Это код, который я использовал в своем приложении, но вы можете настроить или раскрасить все, что вам нужно. Даже вы можете создать представление непосредственно выше и ниже listview. Но создание отдельно в styles.xml позволит использовать его в нескольких местах без избыточности кода.

Answer 3

Я не думаю, что есть способ сделать это. Но вы можете добавить footerview и headerview для вашего ListView. Я думаю, что это принесет то, что вы хотите.

Например:

TextView tv1 = new Textview(this); 
tv1.setBackgroundResource(R.drawable.dividerheight); 

и

listview.addHeaderView(totalExpense); 
listview.addFooterView(totalExpense); 

Я надеюсь, что это поможет.