Superposition sur une ImageView sur Android

J'ai donc une liste d'images à partir du web, je ne sais pas de quelle couleur sont-ils, et je veux placer un texte sur l'ImageView.

Mon idée est de placer l'ImageView, une superposition d'image avec de la transparence en dégradé au cours de cette ImageView et le texte ci-dessus. Je veux imiter ce comportement:

Est-il de toute façon à le faire via XML?

OriginalL'auteur cesarferreira | 2013-12-27

Lors de l'écriture du XML pour vos éléments de liste qui se gonflé dans le getView(...) de ce ListAdapter que vous avez écrit, vous pouvez certainement le faire.

Quelque chose comme ça pour l'élément de la liste:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <ImageView
    android:layout_width="320dp"
    android:layout_height="240dp"
    android:background="#ACACAC"/>

  <RelativeLayout
    android:layout_width="320dp"
    android:layout_height="240dp"
    android:background="@drawable/gradient">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Here is your text"
        android:textColor="#000000"
        android:layout_alignParentBottom="true"/>

  </RelativeLayout>

</RelativeLayout>

Puis vous créez que drawable/dégradé. Pour cela, vous pouvez recycler la réponse de ici.

Merci beaucoup, j'ai réussi à y arriver par le biais de votre réponse 😉

OriginalL'auteur adityajones

Grâce à adityajones j'ai réussi à y arriver 🙂
Donc, même si c'est mon droit de réponse, je vais marquer sa le bon!

<?xml version="1.0" encoding="utf-8"?>

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="200dp"
    android:scaleType="centerCrop"
    android:src="@drawable/image" />

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="200dp"
    android:background="@drawable/gradient_image" >

    <TextView
        android:id="@+id/text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_margin="6dp"
        android:layout_marginBottom="18dp"
        android:shadowColor="#000"
        android:shadowRadius="7.0"
        android:text="This is some random text"
        android:textColor="@color/white"
        android:textSize="22sp" />
</RelativeLayout>

OriginalL'auteur cesarferreira

2

J'avais utiliser un FrameLayout ou RelativeLayout. La première Vue que vous ajoutez doit être l'arrière-plan ImageView, alors évidemment, vous aurez besoin de quelques TextViews et d'Autres ImageViews [ou des Boutons, ou ImageButtons, etc]

Semble raisonnable de mise en page: une image de fond, puis une vue supplémentaire dans chaque coin.

Pour le dégradé, vous aurez probablement envie d'en séparer la Mise en page/Vue au fond avec un dégradé drawable que l'arrière-plan, même si je peux imaginer que vous pourriez être en mesure de s'en tirer avec réglage de l'arrière-plan de l'un de vos TextViews que le gradient.

OriginalL'auteur Matt
1

Vous n'avez pas à utiliser un dégradé drawable fichier ou le mettre dans votre xml..
vous pouvez le faire de façon pragmatique, à l'aide de GradientDrawable Classe comme expliqué dans cette Question connexe (Créer un dégradé radial par programmation) puis à la définir comme arrière-plan pour une mise en page qui couvre votre ImageView, cela vous donne la possibilité d'utiliser des couleurs différentes et des orientations

OriginalL'auteur Shqear

Vous devez vous connecter pour publier un commentaire.