Effet d'ombre pour un texte dans Android ?

Question

Duplicata possible :
Android - ombre sur le texte ?

Comment puis-je créer un effet d'ombre sur un texte dans un TextView .

Une idée ?

Answer 1

Mettez-les dans values/colors.xml

<resources>
    <color name="light_font">#FBFBFB</color>
    <color name="grey_font">#ff9e9e9e</color>
    <color name="text_shadow">#7F000000</color>
    <color name="text_shadow_white">#FFFFFF</color>
</resources>

Ensuite, dans votre layout xml, voici quelques exemples de TextViews

Exemple de texte flottant sur une lumière avec une ombre foncée

<TextView android:id="@+id/txt_example1"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:textSize="14sp"
                  android:textStyle="bold"
                  android:textColor="@color/light_font"
                  android:shadowColor="@color/text_shadow"
                  android:shadowDx="1"
                  android:shadowDy="1"
                  android:shadowRadius="2" />

Exemple de texte gravé sur une lumière avec une ombre foncée

<TextView android:id="@+id/txt_example2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="14sp"
                android:textStyle="bold"
                android:textColor="@color/light_font"
                android:shadowColor="@color/text_shadow"
                android:shadowDx="-1"
                android:shadowDy="-1"
                android:shadowRadius="1" />

Exemple de texte clair sur une lumière avec une ombre foncée.

<TextView android:id="@+id/txt_example3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="14sp"
                android:textStyle="bold"
                android:textColor="@color/grey_font"
                android:shadowColor="@color/text_shadow_white"
                android:shadowDx="-2"
                android:shadowDy="-2"
                android:shadowRadius="1" />

Remarquez les valeurs positives et négatives... Je vous suggère de jouer avec les couleurs/valeurs vous-même, mais en fin de compte vous pouvez ajuster ces paramètres pour obtenir l'effet que vous recherchez.

Answer 2

Vous pourriez peut-être envisager d'utiliser Android:shadowColor , android:shadowDx , android:shadowDy , android:shadowRadius ou bien setShadowLayer() ?

Answer 3

TextView textv = (TextView) findViewById(R.id.textview1);
textv.setShadowLayer(1, 0, 0, Color.BLACK);

Answer 4

Réponse complète

Ajoutez ces 2 lignes à la vue parent, sinon l'ombre du texte sera coupée lorsque la vue est plus petite que le décalage de l'ombre.

Android:clipChildren="false" (en anglais)

Android:clipToPadding="false" (en anglais)

EXEMPLE :

<androidx.constraintlayout.widget.ConstraintLayout
            android:clipChildren="false"
            android:clipToPadding="false"
           ... >

        <TextView
         style="@style/TextShadowStyle"
          ....
            />

Style d'ombre du texte :

 <style name="TextShadowStyle">
        <item name="android:shadowColor">@color/black</item>
        <item name="android:shadowDx">10</item>
        <item name="android:shadowDy">10</item>
        <item name="android:shadowRadius">5</item>
    </style>