Android Space引起TextView走马灯marquee的一个显示bug

在Android TV开发的时候,需要用到一个TextView的走马灯效果,发现一个很诡异的UI问题。先看看item的layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="@dimen/square_image_card_width"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@color/about_background"
    android:id="@+id/ll_dlna_item">

    <android.support.v4.widget.Space
        android:id="@+id/space_dlna"
        android:layout_width="wrap_content"
        android:layout_height="@dimen/music_album_songs_padding" />

    <ImageView
        android:id="@+id/iv_cover"
        android:layout_width="@dimen/square_image_card_width"
        android:layout_height="@dimen/square_image_card_width"
        android:layout_gravity="center_horizontal"/>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:marqueeRepeatLimit="marquee_forever"
        android:layout_margin="@dimen/music_album_songs_padding" />

</LinearLayout>

一切似乎没有问题,然而实际跑起来的时候,部分item会出现以下诡异的两根线:
在这里插入图片描述
如箭头所示,这两根线不知从何而来,改变background和foreground都无济于事,后来发现,是Space搞的鬼,无论是v4的Space,还是Space,都有这个问题,后来尝试把Space换成View,还是不行,最终换成TextView,并且把height换成margin才搞定。最终的layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="@dimen/square_image_card_width"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@color/about_background"
    android:id="@+id/ll_dlna_item">

    <View
        android:id="@+id/space_dlna"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/music_album_songs_padding"/>

    <ImageView
        android:id="@+id/iv_cover"
        android:layout_width="@dimen/square_image_card_width"
        android:layout_height="@dimen/square_image_card_width"
        android:layout_gravity="center_horizontal"/>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:marqueeRepeatLimit="marquee_forever"
        android:layout_margin="@dimen/music_album_songs_padding" />
</LinearLayout>

おすすめ

転載: blog.csdn.net/ithouse/article/details/84959092