Android CardView透明背景

时间:2018-07-12 02:56:29

标签: android android-recyclerview android-cardview android-elevation

我想创建一个卡片视图,其中卡片上有一张简单的照片,右上角的底部将其删除。因此,为了使底部完全可见,我需要使卡片比照片大,但我不想显示它。因此,我尝试将背景设置为透明,并在设计时将所有接缝都很好

DESIGN TIME

这是设计时android studio的屏幕截图:
A)显示卡片的外观
B)是我单击时使用的同一张卡片,表明该卡片比照片本身大一些(蓝色边框是您选择元素时正常的android studio边框)

但是在运行时,卡的高度有些奇怪:

runtime

代码如下:

influencer_card.xml

=IF(RIGHT(A1)=".";LEFT(A1;LEN(A1)-1);A1)

new_influencers.xml

   <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/cardView"
        android:layout_width="160dp"
        android:layout_height="160dp"
        android:layout_gravity="center"
        android:layout_marginBottom="@dimen/smallMargin"
        android:elevation="0dp"
        card_view:cardBackgroundColor="@android:color/transparent"
        card_view:cardCornerRadius="0dp">


        <ImageView
            android:layout_width="@dimen/influencerCardSize"
            android:layout_height="@dimen/influencerCardSize"
            android:layout_gravity="bottom"
            android:scaleType="centerCrop"
             />

        <TextView
            android:layout_width="@dimen/influencerCardSize"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:alpha="0.7"

            android:background="@color/colorPrimaryDark"
            android:gravity="center"
         />

        <ImageButton

            android:layout_width="@dimen/removeButtonSize"
            android:layout_height="@dimen/removeButtonSize"
            android:layout_gravity="right|top"
            android:background="?android:attr/selectableItemBackground"
            android:src="@drawable/ic_remove" />

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

我不更改Java代码上与样式相关的任何内容...

如何删除这个烦人的海拔

4 个答案:

答案 0 :(得分:0)

想要使卡片不可见,使“ alpha”属性为1

答案 1 :(得分:0)

如果要删除CardView中的高程,

使用app:cardElevation = "0dp"代替android:cardElevation="0dp"

答案 2 :(得分:0)

使用card_view:cardElevation="0dp"代替android:elevation="0dp"。希望这对您有帮助

 <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/cardView"
        android:layout_width="160dp"
        android:layout_height="160dp"
        android:layout_below="@+id/linearLayout"
        android:layout_centerHorizontal="true"
        card_view:cardElevation="0dp"
        card_view:cardBackgroundColor="@android:color/transparent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="bottom"
            android:layout_marginEnd="10dp"
            android:layout_marginTop="10dp"
            android:src="@drawable/img"
            android:scaleType="centerCrop"
            android:layout_marginRight="10dp" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:alpha="0.7"
            android:text="text"
            android:layout_marginEnd="10dp"
            android:background="@color/colorPrimaryDark"
            android:gravity="center"
            android:layout_marginRight="10dp" />

        <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_gravity="right|top"
            android:background="?android:attr/selectableItemBackground"
            android:src="@drawable/img" />

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

答案 3 :(得分:-1)

如果您不希望高程,则应考虑不使用CardView,因为CardView默认会带来高程。

相反,将CardView替换为ConstraintLayout或RelativeLayout之类的容器。这些选项默认情况下不带有任何高程,它们是透明的,并且如果您愿意的话,您仍然可以为其添加前景波纹效果。