How to set semi transparent background color for Android CardView?

Question

I want to set the backgroundColor of a card view with an argb color. But the result is like this:

<androidx.cardview.widget.CardView
        android:id="@+id/infoCard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="8dp"
        app:cardBackgroundColor="#59448AFF"
        app:cardCornerRadius="8dp">

        <com.google.android.material.textview.MaterialTextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/space_16dp"
            android:layout_marginTop="@dimen/space_8dp"
            android:layout_marginEnd="@dimen/space_16dp"
            android:layout_marginBottom="@dimen/space_8dp"
            android:lineSpacingExtra="@dimen/space_4dp"
            android:text="This is a sample text"
            android:textColor="@color/secondaryText"
            android:textSize="16sp" />

    </androidx.cardview.widget.CardView>

Does anybody know how to fix this?

Suman Kumar Dash · Accepted Answer · 2020-04-09 00:05:20Z

0

Define it within color.xml

<color name="semiTransparentColor">#20ffffff</color>

Now set the card view like this way.

card_view:cardBackgroundColor="@color/semiTransparentColor"

Here is the code of hexadecimal code of transparency. link you can set as you need.

answered Apr 9, 2020 at 0:05

Suman Kumar Dash

7025 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Danijel Markov · Accepted Answer · 2021-10-22 23:48:11Z

0

Just set this to a card view

app:cardElevation="0dp"

or try with removing the background of your com.google.android.material.textview.MaterialTextView

android:background="@null"

edited Oct 22, 2021 at 23:48

answered Sep 23, 2021 at 13:44

Danijel Markov

1772 silver badges9 bronze badges

1 Comment

Ryan M Over a year ago

This answer could use an explanation of how setting the elevation relates to setting the background color.

Collectives™ on Stack Overflow

How to set semi transparent background color for Android CardView?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related