在Android Studio中预览中显示带有Cardview的高程但不在设备中显示

时间:2017-07-22 08:16:33

标签: android xml android-layout android-cardview

我试图用Cardview制作阴影效果,它在XML预览中显示阴影效果,但物理设备上没有阴影效果

Recycler View on Device which is not showing any Cardview Effect

Preview on Android Studio which is showing the shadow effect

以下是回收站视图数据项的XML代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<android.support.v7.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:elevation="3dp"
    card_view:cardCornerRadius="@dimen/card_album_radius">

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

        <ImageView
            android:background="?attr/selectableItemBackgroundBorderless"
            android:id="@+id/cast_profile_picture"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:src="@drawable/image4" />

        <TextView
            android:paddingLeft="@dimen/album_title_padding"
            android:paddingRight="@dimen/album_title_padding"
            android:paddingTop="@dimen/album_title_padding"
            android:id="@+id/cast_name"
            android:textSize="17sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/Title"/>

        <TextView
            android:paddingBottom="@dimen/songs_count_padding_bottom"
            android:paddingLeft="@dimen/album_title_padding"
            android:paddingRight="@dimen/album_title_padding"
            android:id="@+id/cast_character_name"
            android:textSize="13sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/Sub_Title"/>

    </LinearLayout>

</android.support.v7.widget.CardView>

4 个答案:

答案 0 :(得分:1)

这种情况正在发生,因为您的RecyclerView会将您的卡片紧挨着放在一起,不会让系统留下阴影。实际上,您可以在卡片的顶角和底角看到一个小阴影(因为圆角为系统留下了很小的空间来绘制阴影)。

要为阴影留出空间,您应该在ItemDecoration添加RecyclerView,以设置每张卡片的偏移量。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    RecyclerView recycler = (RecyclerView) findViewById(R.id.recycler);
    recycler.addItemDecoration(new MyItemDecoration(this));
    ...
}

private static class MyItemDecoration extends RecyclerView.ItemDecoration {

    private final int offset;

    public MyItemDecoration(Context context) {
        this.offset = context.getResources().getDimensionPixelSize(R.dimen.card_offset);
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        outRect.set(offset, offset, offset, offset);
    }
}

并将您想要的偏移量定义为维度资源,如下所示:

<resources>
    <dimen name="card_offset">3dp</dimen>
</resources>

没有ItemDecoration

enter image description here

使用ItemDecoration

enter image description here

答案 1 :(得分:0)

尝试这样使用app:cardElevationapp:cardUseCompatPadding 如果需要名称splace而不是添加此xmlns:app="http://schemas.android.com/apk/res-auto"

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardElevation="5dp"
        app:cardUseCompatPadding="true">

答案 2 :(得分:0)

我认为您正在Kitkat设备上测试您的应用。尝试在Lollipop或更高版本的设备上测试您的应用。

答案 3 :(得分:0)

尝试使用: 应用程式:card_elevation = “2DP”