Comment ajouter des bordure colorée sur cardview?

Je suis nouveau sur Android et c'est ma première question ici.

Je suis en train d'ajouter une couleur de bordure verticale au début de la cardview. Comment puis-je le réaliser sur xml ? J'ai essayé de l'ajouter à vide textview mais c'est gâcher l'ensemble cardview lui-même. Veuillez vérifier l'image lien posté ci-dessous par exemple.

Bordure colorée sur Cardview

activity_main.xml

<android.support.v7.widget.CardView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    card_view:contentPadding="16dp"
    card_view:cardElevation="2dp"
    card_view:cardCornerRadius="5dp">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            style="@style/Base.TextAppearance.AppCompat.Headline"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Title" />

        <TextView
            style="@style/Base.TextAppearance.AppCompat.Body1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Content here" />

    </LinearLayout>

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

Merci beaucoup

avez-vous besoin d'utiliser un cardview ici? qu'en est seulement un avion linearlayout et l'ajout d'un ItemDecoration à votre recycleur?
Je suis un débutant sur Android et recyclerview est peu avancée pour mes actuels de compétences. Donc, je suis en utilisant cardview ici.
bon, j'ai posté une solution pour vous ci-dessous

OriginalL'auteur George Forster | 2016-02-12

essayer de faire:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    card_view:cardElevation="2dp"
    card_view:cardCornerRadius="5dp">

    <FrameLayout
        android:background="#FF0000"
        android:layout_width="4dp"
        android:layout_height="match_parent"/>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:orientation="vertical">

        <TextView
            style="@style/Base.TextAppearance.AppCompat.Headline"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Title" />

        <TextView
            style="@style/Base.TextAppearance.AppCompat.Body1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Content here" />

    </LinearLayout>

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

cela supprime le rembourrage de la cardview et ajoute un FrameLayout avec une couleur. Vous devez ensuite fixer le rembourrage dans le LinearLayout puis pour les autres champs

Mise à jour

Si vous souhaitez conserver la carte de rayon d'angle de créer card_edge.xml dans le dossier drawable:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#F00" />
    <size android:width="10dp"/>
    <padding android:bottom="0dp" android:left="0dp" android:right="0dp" android:top="0dp"/>
    <corners android:topLeftRadius="5dp" android:bottomLeftRadius="5dp"
        android:topRightRadius="0.1dp" android:bottomRightRadius="0.1dp"/>
</shape>

et dans le cadre de mise en page utiliser android:background="@drawable/card_edge"

mis à jour pour utiliser un drawable d'arrière-plan pour préserver les coins de la carte si vous voulez toujours avoir
ne fonctionne pas pour moi. pourquoi 4 dp de la largeur de la structure du châssis?

OriginalL'auteur kandroidj

Je pense que cette solution peut ne pas être efficace, mais il sert le but et ajoute de la souplesse à la largeur de la bordure.

 <android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="40dp"
    android:layout_gravity="center"
    card_view:cardBackgroundColor="@color/some_color"
    card_view:cardCornerRadius="20dp"
    card_view:contentPadding="5dp"> <!-- Change it to customize the border width -->

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        card_view:cardCornerRadius="20dp"
        card_view:contentPadding="5dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

         <!-- Add your UI elements -->

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

C'est une mauvaise solution. Vous êtes l'ajout de la vue niveau de la hiérarchie, ce qui aurait des performances.
Bonne idée, il devrait être disponible caractéristiques internes
ce n'est pas le plus performant cependant, je n'ai pas eu un énorme succès à l'aide de cette

OriginalL'auteur Amit

8

Commencer à Partir de la conception de matériel de mise à jour, le support des app:strokeColor et aussi app:strokeWidth. voir plus

à utiliser la conception de matériel de mise à jour. ajoutez le code suivant à build.gradle(app)
```
dependencies {
    //...
    implementation 'com.google.android.material:material:1.0.0'
    //...
  }
```
Meilleure réponse! Pas de XML choses au point.

OriginalL'auteur Lwin Myo Aung

Je voudrais améliorer la solution proposée par Amit. Je suis en utilisant les ressources que sans l'ajout d'autres shapes ou Views. Je suis en train de donner CardView une couleur d'arrière-plan et puis imbriquée mise en page, la couleur blanche de la surimpression avec toutefois quelques leftMargin...

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    card_view:cardElevation="2dp"
    card_view:cardBackgroundColor="@color/some_color"
    card_view:cardCornerRadius="5dp">


    <!-- The left margin decides the width of the border -->

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:layout_marginLeft="5dp"
        android:background="#fff"
        android:orientation="vertical">

        <TextView
            style="@style/Base.TextAppearance.AppCompat.Headline"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Title" />

        <TextView
            style="@style/Base.TextAppearance.AppCompat.Body1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Content here" />

    </LinearLayout>

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

OriginalL'auteur Mirwise Khan

Vous devez vous connecter pour publier un commentaire.