Android View shadow
I know this question has already been answered but I want you to know that I found a drawable
on Android Studio
that is very similar to the pics you have in the question:
Take a look at this:
android:background="@drawable/abc_menu_dropdown_panel_holo_light"
It looks like this:
Hope it will be helpful
Edit
The option above is for the older versions of Android Studio
so you may not find it. For newer versions:
android:background="@android:drawable/dialog_holo_light_frame"
Moreover, if you want to have your own custom shape, I suggest to use a drawing software like Photoshop
and draw it.
Don't forget to save it as .9.png
file (example: my_background.9.png
)
Read the documentation: Draw 9-patch
Edit 2
An even better and less hard working solution is to use a CardView
and set app:cardPreventCornerOverlap="false"
to prevent views to overlap the borders:
<android.support.v7.widget.CardView
android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="2dp"
app:cardElevation="2dp"
app:cardPreventCornerOverlap="false"
app:contentPadding="0dp">
<!-- your layout stuff here -->
</android.support.v7.widget.CardView>
Also make sure to have included the latest version in the build.gradle
, current is
compile 'com.android.support:cardview-v7:26.0.0'
How to add a shadow above a view in android
Here are some solutions for this problem - choose your best:
- On StackOverflow, in this post from 22 October 2012, you would read:
There is no such attribute in Android, to show a shadow. But possible ways to do it are:
- Add a plain LinearLayout with grey color, over which add your actual layout, with margin at the bottom and right equal to 1 or 2 dp.
- Have a 9-patch image with a shadow and set it as the background to your Linear layout.
and
There is also another solution to the problem by implementing a layer-list that will act as the background for the LinearLayoout.
Add background_with_shadow.xml file to
res/drawable
. Containing:<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item >
<shape
android:shape="rectangle">
<solid android:color="@android:color/darker_gray" />
<corners android:radius="5dp"/>
</shape>
</item>
<item android:right="1dp" android:left="1dp" android:bottom="2dp">
<shape
android:shape="rectangle">
<solid android:color="@android:color/white"/>
<corners android:radius="5dp"/>
</shape>
</item>
</layer-list>Then add the layer-list as background in your LinearLayout.
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/background_with_shadow"/>
You can also read: http://odedhb.blogspot.com/2013/05/android-layout-shadow-without-9-patch.html
- Another post from StackOverflow, how to set shadow to a View in android?, gives you another solution (using two views that form the shadow.):
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp"
android:background="#CC55CC">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="0">
<TableRow>
<LinearLayout
android:id="@+id/content"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:text="@string/hello" />
</LinearLayout>
<View
android:layout_width="5dp"
android:layout_height="fill_parent"
android:layout_marginTop="5dp"
android:background="#55000000"/>
</TableRow>
</TableLayout>
<View
android:layout_width="fill_parent"
android:layout_height="5dp"
android:layout_marginLeft="5dp"
android:background="#55000000"/>
</LinearLayout>
</FrameLayout>
- You can also use specific drawable form Android resources to mimic a shadow effect. Look at: Android View shadow or just read a post below:
I'm using Android Studio 0.8.6 and I couldn't find:
android:background="@drawable/abc_menu_dropdown_panel_holo_light"
so I found this instead:
android:background="@android:drawable/dialog_holo_light_frame"
and it looks like this:
If you're interested in clean Material Design effect, read some documentation like below:
- Android L Developer Preview: Views and
Shadows - Defining Shadows and Clipping
Views
Add shadow to bottom of view
Try using below line in the linearlayout
under which your cardview
is sitting.
android:elevation="8dp"
Let the cardElevation
part in your cardView
be as it is.
card_view:cardElevation="10dp"
card_view:cardPreventCornerOverlap="false"
Also just a suggestion :
If you're using android:layout_weight
in both child linearLayout
put android:weightSum="2"
in your parent linearLayout
as mentioned in answer given by @Ming Leung here
For more information on android:weightSum="2"
you can refer to answers on this page
This page would help you for elevation
in cardview
Hope that helps.
android add shadow below view
Use
getSupportActionBar().setElevation(10);
But as per Your Above Comment
in my app i made an LinearLayout as ActionBar did this will work
Than Use
YourView.setElevation(10);
How can we set shadow effect for View in Android?
You can create your own "shadow view"
<View
android:id="@+id/shadow_view"
android:layout_width="match_parent"
android:layout_height="4dp"
android:layout_gravity="bottom"
android:background="@drawable/shadow_gradient" />
and add the shadow drawable to it:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="90"
android:endColor="@android:color/transparent"
android:startColor="#8f000000" />
</shape>
The height is up to you, to experiment and see what works best for you as is the angle and start colour of the drawable. You just need to align this view layout to any view layout you want to have a shadow and you are good.
Remove elevation shadow without removing elevation itself
To complete M.Sandholtz answer, you can also define this in XML, with outlineProvider="none".
<View
android:id="@+id/viewElevationNoShadow"
android:outlineProvider="none"
android:elevation="4dp" />
How to show shadow around the linearlayout in Android?
There is no such attribute in Android, to show a shadow. But possible ways to do it are:
Add a plain LinearLayout with grey color, over which add your actual layout, with margin at bottom and right equal to 1 or 2 dp
Have a 9-patch image with a shadow and set it as the background to your Linear layout
Related Topics
An Established Connection Was Aborted by the Software in Your Host MAChine
Android Studio Does Not Show Layout Preview
Streaming Video from Android Camera to Server
Viewpager as a Circular Queue/Wrapping
Published App on Play Store Can't Communicate with Google Maps API and Facebook API
How to Prevent an Android Device from Going to Sleep Programmatically
Set Selected Item of Spinner Programmatically
Change Locale Not Work After Migrate to Androidx
How to Kill an Application with All Its Activities
Get Referrer After Installing App from Android Market
Capturing Mobile Phone Traffic on Wireshark
How to Execute Async Task Repeatedly After Fixed Time Intervals
Unsupportedoperationexception: Can't Convert to Dimension: Type=0X1
How to Play Ringtone/Alarm Sound in Android
How to Add a Textview to a Linearlayout Dynamically in Android
Adb' Is Not Recognized as an Internal or External Command, Operable Program or Batch File