列出项目背景,如Play商店

时间:2015-05-17 03:56:18

标签: android listview background

我特别要求ListView中项目的背景等于Play商店中列出的背景项目。像这样:

enter image description here

到目前为止,我尝试了这个drawables:

@android:drawable/alert_light_frame
@android:drawable/dialog_holo_light_frame
@drawable/abc_menu_dropdown_panel_holo_light

这个图层列表:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <shape android:shape="rectangle">
         <solid android:color="#99D3D3D3"/>
         <corners android:radius="3dp" />
    </shape>
</item>

<item
    android:left="1.1dp"
    android:right="1.1dp"
    android:top="0.8dp"
    android:bottom="2dp">
    <shape android:shape="rectangle">
       <solid android:color="#fafafa"/>
       <corners android:radius="2dp" />
    </shape>
</item>

它们与我需要的相似,但不等于。最接近的是图层列表,但在形状阴影中没有模糊效果。

2 个答案:

答案 0 :(得分:3)

正确的是使用具有阴影和圆角默认行为的卡.Play商店使用带有RecyclerView的卡。以下是非常有用的链接: https://developer.android.com/training/material/lists-cards.html http://code.tutsplus.com/tutorials/getting-started-with-recyclerview-and-cardview-on-android--cms-23465

答案 1 :(得分:2)

修改

使用CardView

的最佳方式

示例示例how to use CardView

你可以用它。这可能会对你有所帮助

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

    <!-- Drop Shadow Stack -->
    <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#00CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#10CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#20CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#30CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#50CCCCCC" />
        </shape>
    </item>

    <!-- Background -->
    <item>
        <shape>
            <solid android:color="@color/white" />
            <corners android:radius="3dp" />
        </shape>
    </item>
</layer-list>