可绘制为CardView的背景

时间：2014-12-04 16:40:39

标签： android android-layout

尽管我通过android：backround设置了一个backround drawable，但是CardView（android.support.v7.cardview）保持白色 - 文档让我感觉它应该可以工作。不知道我在这里做错了什么。

12 个答案:

答案 0 :(得分：48)

我知道这是一个老问题，但我有一个简单的解决方案 - 只需让你的 CardView 的第一个孩子成为一个ImageView并指定比例类型到 fitXY 。您可以通过将 cardElevation 和 cardMaxElevation 设置为0dp来摆脱额外的CardView填充：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    app:cardCornerRadius="4dp"
    app:cardElevation="0dp"
    app:cardMaxElevation="0dp">

    <ImageView
        android:src="@drawable/your_background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"/>

    <... your layout

    .../>


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

答案 1 :(得分：7)

用于绘制或颜色只需使用：

cvSellerShopp.setBackgroundResource(R.drawable.ic_action_add_image);

用于颜色使用：

 cvSellerShopp.setCardBackgroundColor(R.color.colorPrimary);

但是这个没有产生预期的结果

答案 2 :(得分：6)

Make Cardview将在这种情况下托管一个视图组，例如相对布局，然后简单地将任何背景设置为相对布局。 

<?xml version="1.0" encoding="utf-8"?>
    <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:id="@+id/list_container"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        card_view:cardCornerRadius="4dp"
        card_view:cardUseCompatPadding="true">

        <RelativeLayout
            android:id="@+id/list_container_bg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:orientation="vertical">

           <!--Add cardview contents-->

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

答案 3 :(得分：4)

我通过在cardview中添加一个线性布局，然后在cardview中将cardPreventCornerOverlap设置为false来完成这项工作。

   <android.support.v7.widget.CardView
    android:id="@+id/result_cv"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:layout_margin="4dp"
    app:cardCornerRadius="16dp"
    app:cardElevation="8dp"
    app:cardPreventCornerOverlap="false"
    >

     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/gradient"
        android:gravity="center"
        >

       <!-- your views -->

    </LinearLayout>

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

答案 4 :(得分：2)

试试这个

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/list_container"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="5dp"
    card_view:cardCornerRadius="4dp"
    card_view:cardUseCompatPadding="true">

    <RelativeLayout
        android:id="@+id/list_container_bg"
        android:layout_width="match_parent"
        android:background="@drawable/yourbackground"
        android:layout_height="match_parent">

       <!--Add cardview contents-->

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

card_view：cardBackgroundColor =＆＃34; @android：颜色/ holo_green_dark

在这里你可以通过赋予颜色透明来设置任何颜色或使其透明 如果你用魔杖一些可绘制的图像或svg放置RelativeLayout背景

答案 5 :(得分：2)

您可以在CardView中使用LinearLayout或Relative布局，并设置如下所示的可绘制背景：

<android.support.v7.widget.CardView
    android:id="@+id/card6"
    android:layout_width="180dp"
    android:layout_height="wrap_content"
    android:layout_marginRight="8dp"
    android:layout_marginTop="10dp"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/card4"
    app:cardCornerRadius="10dp"
    app:cardElevation="4dp"
    app:cardMaxElevation="8dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@drawable/card_bg"
        android:padding="10dp">

        <ImageView
            android:id="@+id/card6Image"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_gravity="center_horizontal"
            android:src="@mipmap/ic_launcher_round" />

        <TextView
            android:id="@+id/card6Title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:padding="5dp"
            android:text="Daily Check In"
            android:textColor="#ffffff"
            android:textSize="15sp" />

        <TextView
            android:id="@+id/card6Description"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="5dp"
            android:text="Just Check in Daily and Earn Credits"
            android:textColor="#ffffff"
            android:textSize="10sp" />
    </LinearLayout>

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

以下是我的Drawable资源文件：

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle" >
<gradient
    android:angle="90"
    android:centerColor="#555994"
    android:endColor="#b5b6d2"
    android:startColor="#555994"
    android:type="linear" />

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

答案 6 :(得分：2)

我使用的命令是：

cardView.setBackgroundResource(R.drawable.card_view_bg);

其中 card_view_bg 是自定义XML资源文件。

如果卡视图内有一些布局，并且这些布局与卡视图的边距重叠，则可能需要一个单独的自定义背景资源文件来进行布局，例如我用于卡视图背景本身的布局。 / p>

答案 7 :(得分：0)

您可以按照如下方式设置前景，以便卡片视图设置自定义背景

android:foreground="@drawable/bg"

这是透明的bg.xml 

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/transparent" />
    <stroke
        android:width="1dp"
        android:color="#d9d9d9" />
    <corners android:radius="4dp" />
    <padding
        android:bottom="0dp"
        android:left="0dp"
        android:right="0dp"
        android:top="0dp" />
</shape>

答案 8 :(得分：0)

您有2种可能的解决方案。

  1. 以编程方式设置背景
cardView.setBackgroundResource(R.drawable.background)
  1. 在cardview中添加一些子对象，以填充cardview的边界并为其设置背景：
<android.support.v7.widget.CardView
...>
     <ConstraintLayout
        android:background="@drawable/background"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.v7.widget.CardView>

这样，您还可以为图像提供一些形状，您可以通过cardview的形状对其进行配置。缺点是对性能不利。

答案 9 :(得分：0)

试试这个代码：

cardView.setForeground(getResources().getDrawable(R.drawable.your_drawable));

答案 10 :(得分：-1)

您可以简单地在xml文件中使用以下行。

app:cardBackgroundColor="@drawable/your_custom_theme_here"

答案 11 :(得分：-1)

如果要更改cardView的背景颜色，只需将此代码添加到cardview XML 

app:cardBackgroundColor="@color/whatever_color_you"
相关问题
最新问题