J'essaye d'ajouter du texte avec une couleur de surbrillance à ImageView, je fais une recherche et j'ai trouvé cette réponse et j'ai postulé il réussit, mais je dois mettre en évidence l'arrière-plan du texte avec une couleur noire comme celle-ci dans l'image
le XML actuel
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:id="@+id/postImage" android:layout_width="match_parent" android:layout_height="125dp" android:layout_margin="2dp" android:scaleType="centerCrop" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/postTitle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignStart="@id/postImage" android:layout_alignEnd="@id/postImage" android:layout_alignRight="@id/postImage" android:layout_alignLeft="@id/postImage" android:layout_alignTop="@+id/postImage" android:layout_alignBottom="@+id/postImage" android:layout_margin="1dp" android:ellipsize="end" android:gravity="center|bottom" android:maxLines="2" android:text="Hello" android:textColor="@color/white" android:textSize="14sp" /> </RelativeLayout>
3 Réponses :
Vous pouvez utiliser ConstraintLayout
. Vous devez également créer un fichier dessinable
Votre mise en page doit ressembler à;
<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#A9000000"/> <stroke android:width="1dp" android:color="#A9000000" /> <corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp"/> <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" /> </shape>
Votre fichier dessinable ( border_bottom_rounded
) devrait être comme;
<android.support.constraint.ConstraintLayout android:layout_width="85dp" android:layout_height="85dp" android:layout_marginLeft="2dp" android:layout_marginRight="2dp"> <ImageView android:id="@+id/postImage" android:layout_width="0dp" android:layout_height="0dp" android:adjustViewBounds="true" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" tools:src="@android:drawable/stat_sys_headset"/> <TextView android:id="@+id/postTitle" android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:background="@drawable/border_bottom_rounded" android:paddingBottom="2dp" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintBottom_toBottomOf="parent" tools:text="title"/> </android.support.constraint.ConstraintLayout>
après avoir appliqué cela, je vois une page vierge !, Est-ce que ConstraintLayout fonctionne normalement avec GridLayoutManager?
avez-vous un journal? Je pense que cela fonctionne normalement avec GridLayoutManager.
non, je viens de copier toute la mise en page, j'essaierai ce style dessinable avec RelativeLayout actuel fonctionne peut-être
La méthode la plus simple consiste à ajouter une couleur d'arrière-plan à la vue du texte et à définir une valeur alpha en fonction de la transparence.
<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/my_image" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="lasdfjsdfjlsdkfj" android:background="@android:color/black" android:textColor="@android:color/white" android:layout_alignBottom="@id/image" android:layout_alignLeft="@id/image" android:textSize="18sp" android:layout_alignRight="@id/image" android:alpha="0.5"/> </RelativeLayout>
Ajustez la valeur alpha pour la quantité de transparence souhaitée. Valeur entre 0 et 1.
vous pouvez utiliser les deux options suggérées par @Ergin Ersoy et @Ravi
Après avoir créé le fichier pouvant être dessiné (border_bottom_rounded)
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:id="@+id/postImage" android:layout_width="match_parent" android:layout_height="125dp" android:layout_margin="2dp" android:scaleType="centerCrop" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/postTitle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignStart="@id/postImage" android:layout_alignLeft="@id/postImage" android:layout_alignEnd="@id/postImage" android:layout_alignRight="@id/postImage" android:layout_alignBottom="@+id/postImage" android:layout_margin="1dp" android:alpha="1" android:background="@drawable/border_bottom_rounded" android:ellipsize="end" android:gravity="center|bottom" android:maxLines="2" android:text="Hello" android:textColor="@color/white" android:textSize="14sp" /> </RelativeLayout>
set comme backgrounf de TextView, aussi je suggérerais de faire android: alpha = "1"
insted de 0.5 pour rendre le texte clair
le résultat complet xml strong>
<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#A9000000"/> <stroke android:width="1dp" android:color="#A9000000" /> <corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp"/> <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" /> </shape>
Besoin de définir la couleur d'arrière-plan pour Textview
@LiemVo déjà défini comme blanc
Je veux dire
android: background
pasandroid: textColor
de textView. La valeur de l'arrière-plan peut être une couleur, dessinable, ...