Android卡视图在卡之间有细灰线

时间:2013-09-11 01:22:19

标签: android android-xml

我有一个Android列表视图,显示卡片般的视图,正如您在此图片中看到的,我的卡片之间有一条细线:

enter image description here

如何摆脱灰线?

我的xml实现此卡片视图是这样的:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="wrap_content">

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="6dp"
        android:layout_marginRight="6dp"
        android:layout_marginTop="4dp"
        android:layout_marginBottom="4dp"
        android:orientation="vertical"
        android:background="@drawable/bg_card">

    <!-- Card Contents go here -->

    <TextView
            android:id="@+id/beerNameList"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
            android:id="@+id/beerBreweryNameList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

</LinearLayout>

</FrameLayout>

bg_c​​ard.xml:

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

            <corners android:radius="2dp"/>

            <solid android:color="#ccc" />

        </shape>
    </item>

    <item android:bottom="2dp">
        <shape android:shape="rectangle"
               android:dither="true">

            <corners android:radius="2dp" />

            <solid android:color="@android:color/white" />

            <padding android:bottom="8dp"
                     android:left="8dp"
                     android:right="8dp"
                     android:top="8dp" />
        </shape>
    </item>
</layer-list>

尝试了分隔符高度的变化,这是我的代码,它没有摆脱灰线:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <LinearLayout
        android:id="@+id/linlaHeaderProgress"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:orientation="vertical"
        android:visibility="gone" >

        <ProgressBar
            android:id="@+id/pbHeaderProgress"
            style="android@style/Spinner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
        </ProgressBar>
    </LinearLayout>

    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:dividerHeight="0px"
        >
    </ListView>

</LinearLayout>

5 个答案:

答案 0 :(得分:16)

dividerHeight应该可以工作。作为一种解决方法,您可以将分隔符的颜色更改为背景颜色或透明颜色

<ListView 
 android:id="@+id/android:list"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:divider="#E6E6E6"
 android:dividerHeight="0px"/>

你也可以尝试这个技巧:

 android:divider="@null"

答案 1 :(得分:4)

我刚才遇到了确切的问题。 XML中没有任何内容对listview的结果产生影响。相反,正如Quanturium的评论中已经提到的,我去了我的ListFragment的onActivityCreated并添加了 -

getListView().setDivider(null);
getListView().setDividerHeight(0);

希望这有帮助!

答案 2 :(得分:0)

看起来您正在使用列表视图,请尝试在listView android:dividerHeight="0px"

中设置此参数

答案 3 :(得分:0)

您似乎正在使用listview,此XML是listitem。灰线是列表分隔符。将它设置为零,如列表视图的android:dividerHeight =“0dp”。

答案 4 :(得分:0)

我需要把

  

dividierHeight = 0px

和chage颜色等于我的背景颜色,在这种情况下

android:divider="#FFFFFF"
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:dividerHeight="0px"
android:divider="#FFFFFF"
/>