How do I Set the Shadow around TextView

Question

<TextView
            android:id="@+id/text"
            android:layout_width="225dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:layout_toRightOf="@+id/left"
            android:background="@anim/chatitemshaodow"
            android:fontFamily="calibri"
            android:padding="8dp"
            android:textColor="#636363"
            android:textSize="17dp" />

This is my TextView controls and I want set the shadow around TextView. I am able to set the Showdown on text in TextView but I am unable to set shadow round on TextView.

I want to set textview shadow like given Screen in android. enter image description here

How looks @anim/chatitemshaodow ? The easiest way how do the frame shadow is via 9-patch graphic. — Miroslav Michalec, Feb 04 '15 at 12:38

score 7 · Accepted Answer · edited May 23 '17 at 11:46

Create a new drawable resource file. I named mine two_sided_border.xml.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- This is the line -->
<item>
    <shape>
        <solid android:color="@color/black" />
    </shape>
</item>
<!-- This is the main color -->
<item android:bottom="2dp" android:right="2dp">
    <shape>
        <solid android:color="@color/green" />
    </shape>
</item>
</layer-list>

Then use this as the background for your textview.

<TextView
    android:id="@+id/t"
    android:background="@drawable/two_sided_border"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world"/>

Your colors and dimensions (padding, text size) can be tweaked to suit.

Two great links:

how to make stroke for 3 sides for a shape in android?

And borrowed some code from here:

Open-sided Android stroke?

ps the other answer provided by Basil Miller gives good way to set shadow for the actual text itself.

textview

score 2 · Answer 2 · answered Feb 04 '15 at 12:24

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

There is the style:

<style name="Text">
    <item name="android:paddingLeft">4px</item>
    <item name="android:paddingBottom">4px</item>
    <item name="android:textColor">#ffffffff</item>
    <item name="android:textSize">12sp</item>
    <item name="android:shadowColor">#000000</item>
    <item name="android:shadowDx">1</item>
    <item name="android:shadowDy">1</item>
    <item name="android:shadowRadius">1</item>
  </style>

Method 1:

<TextView android:id="@+id/text"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       style="@style/Text"
       android:gravity="center" />

Method 2:

TextView text= (TextView) findViewById(R.id.text);
infoTextView.setTextAppearance(getApplicationContext(),  
       R.style.Text);

i want set shadow on side of textview not On text – Edge Feb 04 '15 at 15:31 — Edge, Feb 04 '15 at 15:31
You can use 9 patch editor and set it to background. – GIGAMOLE Feb 04 '15 at 17:15 — GIGAMOLE, Feb 04 '15 at 17:15

score 0 · Answer 3 · answered Dec 12 '17 at 14:00

0

This was work for me

android:shadowRadius="3" android:shadowDy="-4"

answered Dec 12 '17 at 14:00

S HemaNandhini

333
3
5

How do I Set the Shadow around TextView

3 Answers3