web-dev-qa-db-fra.com

Android CardView supprimer le rembourrage

comment puis-je me débarrasser de cet étrange rembourrage dans la mise en page ci-dessous:

enter image description here

<?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:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:orientation="vertical"
    Android:background="@color/ColorPrimaryDark">

    <Android.support.v7.widget.CardView
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        card_view:cardCornerRadius="10dp"
        Android:layout_marginTop="9dp"
        Android:layout_marginLeft="9dp"
        Android:layout_marginRight="9dp"
        card_view:cardElevation="0.01dp"
        Android:layout_marginBottom="0dp"
        card_view:cardPreventCornerOverlap="true"
        card_view:cardUseCompatPadding="true"
        card_view:cardBackgroundColor="@color/ColorPrimary">

        <RelativeLayout
            Android:id="@+id/top_layout"
            Android:layout_width="fill_parent"
            Android:layout_height="180dp"
            Android:background="@color/ColorPrimary">

            <ImageView
                Android:id="@+id/img_thumbnail"
                Android:layout_width="fill_parent"
                Android:layout_height="180dp"
                Android:scaleType="fitXY"
                Android:background="@drawable/korabltest"/>

            <RelativeLayout
                Android:id="@+id/inner_layout"
                Android:layout_width="fill_parent"
                Android:layout_height="36dp"
                Android:background="#5c1b1b1b"
                Android:layout_gravity="bottom"
                Android:layout_alignParentBottom="true"
                Android:layout_alignParentLeft="true"
                Android:layout_alignParentStart="true">

                <TextView
                    Android:id="@+id/tv_nature"
                    Android:layout_width="wrap_content"
                    Android:layout_height="50dp"
                    Android:paddingLeft="5dp"
                    Android:paddingRight="5dp"
                    Android:layout_gravity="bottom"
                    Android:gravity="center_vertical"
                    Android:alpha="0.8"
                    Android:textColor="#fff"
                    Android:textSize="18sp"
                    Android:text="Lexington"
                    Android:layout_alignParentLeft="true"
                    Android:layout_alignParentStart="true" />

                <TextView
                    Android:id="@+id/tv_nature_1"
                    Android:layout_width="wrap_content"
                    Android:layout_height="50dp"
                    Android:paddingLeft="5dp"
                    Android:paddingRight="5dp"
                    Android:layout_gravity="bottom"
                    Android:gravity="center_vertical"
                    Android:alpha="0.8"
                    Android:textColor="#fff"
                    Android:textSize="18sp"
                    Android:textStyle="bold"
                    Android:text="527 (31%)"
                    Android:layout_alignParentBottom="true"
                    Android:layout_alignParentRight="true"
                    Android:layout_alignParentEnd="true" />
            </RelativeLayout>
        </RelativeLayout>
    </Android.support.v7.widget.CardView>

</LinearLayout>
androidandroid-cardview
27
Ivan Fazaniuk

UDPATE

Eh bien, il semble y avoir un moyen beaucoup plus facile de le faire, sans deviner le rembourrage et tout:

card_view:cardPreventCornerOverlap="false"

ou en utilisant Java:

cardView.setPreventCornerOverlap(false)

Vous pouvez tout lire à ce sujet ici .

REPONSE ORIGINALE

Il s'agit d'un bourrage intentionnel destiné à éviter que le contenu ne saigne des coins arrondis de la carte dans les versions antérieures à Lollipop (étant donné que l'écrêtage n'est pas disponible). Si vous souhaitez vous débarrasser de tout cela ensemble, vous pouvez utiliser un remplissage négatif dans les versions antérieures à Lollipop pour l'attribut contentPadding de la CardView, tel que:

card_view:contentPadding="-8dp"

ou en utilisant Java:

int padding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 8, getResources().getDisplayMetrics());
cardView.setContentPadding(-padding,-padding,-padding,-padding);

Je ne suis pas particulièrement sûr de la valeur qui fonctionnera de manière transparente, vous devrez expérimenter et voir par vous-même.

48
fahmy

Veuillez supprimer ceci de votre code - 

card_view:cardUseCompatPadding="true"
6
Shoeb Siddique

Vous avez le même problème et ceci a fonctionné pour moi.

app:cardPreventCornerOverlap="false"

Pour les périphériques avec une API <21, je devais créer une classe ImageView personnalisée, remplacer le onDraw pour dessiner les coins arrondis.

@Override
protected void onDraw(Canvas canvas) {
    float radius = getContext().getResources().getDimension(R.dimen.card_corner_radius);
    Path path = new Path();
    RectF rect = new RectF(0, 0, this.getWidth(), this.getHeight());
    path.addRoundRect(rect, radius, radius, Path.Direction.CW);
    canvas.clipPath(path);
    super.onDraw(canvas);
}
3
s-hunter

utilisez ceci:

cardView.setPadding(0,0,0,0);
cardView.setUseCompatPadding(true);
cardView.setContentPadding(-6,-6,-6,-6);
cardView.setPreventCornerOverlap(false);
0
Ali Bagheri