Shadow Effect for a Text in Android?

Question

Possible Duplicate:
Android - shadow on text?

How can i make shadow effect text in a TextView.

Any Idea?

anyone can check this link also https://stackoverflow.com/a/51761610/4307338 — Hoque MD Zahidul, Aug 09 '18 at 07:55

score 470 · Answer 1 · edited May 17 '16 at 08:17

put these in 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>

Then in your layout xml here are some example TextView's

Example of Floating text on Light with Dark shadow

<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" />

enter image description here

Example of Etched text on Light with Dark shadow

<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" />

enter image description here

Example of Crisp text on Light with Dark shadow

<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" />

enter image description here

Notice the positive and negative values... I suggest to play around with the colors/values yourself but ultimately you can adjust these settings to get the effect your looking for.

In my case it was not visible in android editor preview but it works on real device as charm!!! — Mrinmoy, Sep 06 '17 at 11:12
anyone can check this link also https://stackoverflow.com/a/51761610/4307338 — Hoque MD Zahidul, Aug 09 '18 at 07:55

score 217 · Accepted Answer · edited Feb 26 '12 at 16:26

217

Perhaps you'd consider using android:shadowColor, android:shadowDx, android:shadowDy, android:shadowRadius; alternatively setShadowLayer() ?

edited Feb 26 '12 at 16:26

WarrenFaith

57,492
25
134
150

answered Jul 21 '10 at 08:47

Pontus Gagge

17,166
1
38
51

2

This does not make any changes. I think it works. But the values that i set is a problem. can you post the sample value for `shadowdx` , `shadowdy` and `shadowradious`? – Praveen Jul 21 '10 at 10:03
19

You should post your code. Meanwhile, check the markup in examples like http://mobile.tutsplus.com/tutorials/android/customize-android-fonts/ (scroll down to Text Shadow section). – Pontus Gagge Jul 21 '10 at 11:03
2

what are the units for the shadowdx,shadowdy and shadowradius – android developer Sep 02 '12 at 09:53
@androiddeveloper Pixels. – skywall Nov 17 '15 at 10:38
4

@skywall Why are they in pixels, while everything is dp ? it doesn't make sense .. :( – android developer Nov 17 '15 at 10:41
@androiddeveloper "If it's not specified then the unit is always in px. – Romain Guy" http://stackoverflow.com/questions/4854935/textviewshadowdx-dy-radius-in-dip – skywall Nov 17 '15 at 10:43
@skywall But for XML layouts, it's always DP that's encouraged to be used. – android developer Nov 17 '15 at 10:50
anyone can check this link also https://stackoverflow.com/a/51761610/4307338 – Hoque MD Zahidul Aug 09 '18 at 07:55

score 67 · Answer 3 · answered Feb 26 '12 at 16:22

67

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

answered Feb 26 '12 at 16:22

DanM

1,530
4
23
44

3

Seems to ignore the color and use whatever the text is using – jjxtra Oct 28 '15 at 21:16
anyone can check this link also https://stackoverflow.com/a/51761610/4307338 – Hoque MD Zahidul Aug 09 '18 at 07:55

score 2 · Answer 4 · answered Mar 12 '21 at 16:08

Complete answer

Add these 2 line to the parent view otherwise Text Shadow will be clipped when view bound are smaller than shadow offset

android:clipChildren="false"

android:clipToPadding="false"

EXAMPLE:

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

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

Text Shadow Style:

 <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>

Shadow Effect for a Text in Android?

4 Answers4

Linked