Android LでCardViewがシャドウを表示しない


123

Listview内の私のCardviewがAndroid L(Nexus 5)で影を表示していません。また、丸いエッジは適切に表示されません。ListviewのAdapter Viewのコードは次のとおりです。

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

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@android:color/white"
    android:foreground="?android:attr/selectableItemBackground"
    app:cardCornerRadius="4dp"
    app:cardElevation="4dp" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingTop="@dimen/activity_vertical_margin" >

        <TextView
            android:id="@+id/tvName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_marginTop="@dimen/padding_small"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <ImageView
            android:id="@+id/ivPicture"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvName"
            android:layout_centerHorizontal="true"
            android:scaleType="fitCenter" />

        <TextView
            android:id="@+id/tvDetail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ivPicture"
            android:layout_centerHorizontal="true"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

そして、ListView xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res/com.example.myapp"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/app_bg" >

<ListView
    android:id="@android:id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:cacheColorHint="#00000000"
    android:divider="@android:color/transparent"
    android:drawSelectorOnTop="true"
    android:smoothScrollbar="true" />

<ProgressBar
    android:id="@+id/progressBarMain"
    style="?android:attr/progressBarStyleLarge"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:visibility="gone" /></RelativeLayout>

これは、適切な影と丸みを帯びた角を持つL以前のデバイスで正常に動作します。ただし、Android Lデバイスでは機能しません。ここで何が欠けているかわかりますか?



@AILしかし、私は、任意の透明cardviewの背景やその親ビューのいずれか使用していない
isumit

@isumitうん、ここで同じ問題。
greywolf82 14

@ greywolf82まだ解決策が見つからない場合に備えて。Cardviewにマージンを追加し、Lollipopでシャドウが表示されるようになりました
isumit

回答:


279

ドキュメントをもう一度調べた後、ようやく解決策を見つけました。

に追加card_view:cardUseCompatPadding="true"するだけでCardView、シャドウがLollipopデバイスに表示されます。

何が起こるかは、 CardViewプレロリポップデバイスとロリポップデバイスのテイクのサイズが異なることです。したがって、ロリポップデバイスでは、影は実際にはカードで覆われているため、見えません。この属性を追加すると、コンテンツ領域はすべてのデバイスで同じままになり、影が表示されます。

私のxmlコードは次のようなものです:

<android.support.v7.widget.CardView
    android:id="@+id/media_card_view"
    android:layout_width="match_parent"
    android:layout_height="130dp"
    card_view:cardBackgroundColor="@android:color/white"
    card_view:cardElevation="2dp"
    card_view:cardUseCompatPadding="true"
    >
...
</android.support.v7.widget.CardView>

アレックス・ロックウッド@あなたは、すなわちあなたの変更を説明していただけますcard_view:cardElevation="2sp"card_view:cardElevation="2dp"
Ram Patra、

1
@Ramswaroop spはテキストサイズにのみ使用してください。dp他のすべての次元に使用する必要があります。
Alex Lockwood 2016年

私の場合、card_view:cardUseCompatPaddingが必要でした。さらに、targetSdkVersionを21に変更する必要があります。マージンを変更しても効果はありません。
Remi

@ KishanSolanki124 OP(@isumit)がこのスレッドを見失ったと思います。
Ram Patra

55

影を描くにはhardwareAccelerated描画を使わなければならないことを忘れないでください

hardwareAccelerated = true

ここに画像の説明を入力してください

hardwareAccelerated = false

hardwareAccelerated CardView

詳細については、Androidハードウェアアクセラレーションをご覧ください。


10
ターゲットAPIレベルが14以上の場合、ハードウェアアクセラレーションはデフォルトで有効になっています。
Aksel Fatih、2016年

2
それは働いています。しかし、私はこれの背後にある理由を理解していません
Deepak Kumar

54

app:cardUseCompatPadding="true"カードビュー内で使用 します。例えば

<android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginRight="@dimen/cardviewMarginRight"
        app:cardBackgroundColor="@color/menudetailsbgcolor"
        app:cardCornerRadius="@dimen/cardCornerRadius"
        app:cardUseCompatPadding="true"
        app:elevation="0dp">
    </android.support.v7.widget.CardView>

28

マニフェストでhardwareAcceleratedをチェックして、trueにします。falseにすると、シャドウがxmlプレビューに表示されるが電話には表示されない場合は、シャドウが削除されます。


24

この行をCardView ...に追加します。

card_view:cardUseCompatPadding="true" //for enable shadow
card_view:cardElevation="9dp" // this for how much shadow you want to show

チップ

シャドウ自体がその上下にいくらかのスペースを取るので、layout_marginTopとlayout_marginBottomを回避できます。card_view:cardElevation = "ndp"で使用する量によって定義されるスペースの量。

ハッピーコーディング(:


22

最後に、カードビューにマージンを追加することで、Lollipopデバイスでシャドウを取得することができました。これが最終的なカードビューのレイアウトです。

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

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@android:color/white"
    android:foreground="?android:attr/selectableItemBackground"
    android:layout_marginLeft="@dimen/activity_horizontal_margin"
    android:layout_marginRight="@dimen/activity_horizontal_margin"
    android:layout_marginTop="@dimen/padding_small"
    android:layout_marginBottom="@dimen/padding_small"
    app:cardCornerRadius="4dp"
    app:cardElevation="4dp" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >

    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="@dimen/padding_small"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <ImageView
        android:id="@+id/ivPicture"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvName"
        android:layout_centerHorizontal="true"
        android:scaleType="fitCenter" />

    <TextView
        android:id="@+id/tvDetail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ivPicture"
        android:layout_centerHorizontal="true"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin" />
</RelativeLayout>


2
私はすでにcard_view:cardUseCompatPadding値を設定していましたが、それでもシャドーを取得できませんでした。私が欠けていたのはこれ、マージンです。そしてそれは本当にうまくいきました。ありがとう。
Ajith Memana 2016年

あなたのマージン値は何ですか?で8dp十分?
ヘリコプター2017

13

このタグを追加するだけです:

app:cardElevation="2dp"
app:cardUseCompatPadding="true"

したがって、次のようになります。

<android.support.v7.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="?colorPrimary"
    app:cardCornerRadius="3dp"
    app:cardElevation="2dp"
    app:cardUseCompatPadding="true"
    app:contentPadding="1dp" />

12

カードビューでシャドウ用にこのコード行を追加できます

card_view:cardElevation="3dp"

以下に例があります

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@android:color/white"
    android:foreground="?android:attr/selectableItemBackground"
    card_view:cardElevation="3dp"
    card_view:cardCornerRadius="4dp">

お役に立てれば!


ありがとう、キーはandroid:cardElevationではなくcard_view:cardElevationでした
Badr

8

この行を追加して試すことができます

 card_view:cardUseCompatPadding="true"

コード全体は次のようになります

  <android.support.v7.widget.CardView 
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_margin="5dp"
        android:orientation="horizontal"
        card_view:cardUseCompatPadding="true"
        card_view:cardCornerRadius="5dp">
 </android.support.v7.widget.CardView

7

私の場合、マージンを追加しなかったため、Android Lデバイスに影が表示されませんでした。問題は、CardViewが5つ未満のデバイスでこのマージンを自動的に作成することです。

CardView card = new CardView(context);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
        LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
if (Build.VERSION_CODES.LOLLIPOP == Build.VERSION.SDK_INT) {
    params.setMargins(shadowSize, shadowSize, shadowSize,
            shadowSize);
} else {
    card.setMaxCardElevation(shadowSize);
}
card.setCardElevation(shadowSize);
card.setLayoutParams(params);

レイアウトファイルからcardviewにマージンを追加しても機能します。コードから試していない
isumit

6

以下のようにマニフェストファイルにandroid:hardwareAccelerated = "true"を追加すると、うまくいきます

 <activity
        android:name=".activity.MyCardViewActivity"
        android:hardwareAccelerated="true"></activity>

4

まず最初に、以下の依存関係がbuild.gradleファイルに適切に追加およびコンパイルされていることを確認してください

    dependencies {
    ...
    compile 'com.android.support:cardview-v7:21.0.+'

    }

この後、次のコードを試してください:

     <android.support.v7.widget.CardView 
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_margin="5dp"
            android:orientation="horizontal"
            card_view:cardCornerRadius="5dp">
     </android.support.v7.widget.CardView

Android Lで問題が発生するため、layout_margin属性が追加されない


0

recyclerviewの読み込みが遅いため、stackoverflow.comを読み取ることで、hardwareAcceleratedを「false」に変更すると、デバイスに標高が表示されません。私は本当に戻った。わたしにはできる。


0

カードビューが影になっているためRelativeLayout、カードビューに影を表示できません。影を表示するには、カードビューにマージンを追加します。例えば:

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

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginTop="4dp"
    android:layout_marginBottom="8dp">

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

</RelativeLayout>

0

最初にマニフェストをチェックした場合、書いたandroid:hardwareAccelerated="false" 場合はtrueカードに影を付ける必要があります。



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.