如何为Button提供阴影
正如你在图像中看到的，我想要一个Button背后的阴影。 我已经创build了圆angular的Button 。 但问题是我不能在Button后面生成一个影子。 我怎样才能做到这一点？
使用这种方法来获得你想要的外观。
button_selector.xml：
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <layer-list> <item android:right="5dp" android:top="5dp"> <shape> <corners android:radius="3dp" /> <solid android:color="#D6D6D6" /> </shape> </item> <item android:bottom="2dp" android:left="2dp"> <shape> <gradient android:angle="270" android:endColor="#E2E2E2" android:startColor="#BABABA" /> <stroke android:width="1dp" android:color="#BABABA" /> <corners android:radius="4dp" /> <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" /> </shape> </item> </layer-list> </item> </selector>
并在您的XML布局：
<Button android:background="@drawable/button_selector" ... .. />
对于Android版本5.0及以上
尝试海拔为其他意见..
android:elevation="10dp"
对于button，
android:stateListAnimator="@anim/button_state_list_animator"
button_state_list_animator.xml – https://android.googlesource.com/platform/frameworks/base/+/master/core/res/res/anim/button_state_list_anim_material.xml
低于5.0版本，
对于所有的观点，
android:background="@android:drawable/dialog_holo_light_frame"
我的输出：
如果您的目标是棒棒糖设备，您可以使用Shadow-Layout ，因为它非常简单，您可以在不同types的布局中使用它。
将阴影布局添加到您的Gradle文件中 ：
dependencies { compile 'com.github.dmytrodanylyk.shadow-layout:library:1.0.1' }
在顶部有你的button的XML布局，添加到顶部 ：
xmlns:app="http://schemas.android.com/apk/res-auto"
它会使可用的自定义属性。
然后你把阴影布局放在你身边Button ：
<com.dd.ShadowLayout android:layout_marginTop="16dp" android:layout_width="wrap_content" android:layout_height="wrap_content" app:sl_shadowRadius="4dp" app:sl_shadowColor="#AA000000" app:sl_dx="0dp" app:sl_dy="0dp" app:sl_cornerRadius="56dp"> <YourButton .... /> </com.dd.ShadowLayout>
然后，您可以调整app:设置以匹配您所需的阴影。
希望它有帮助。
这是我的button与阴影 cw_button_shadow.xml 下 drawable 文件夹
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="false"> <layer-list> <!-- SHADOW --> <item> <shape> <solid android:color="@color/red_400"/> <!-- alttan gölge --> <corners android:radius="19dp"/> </shape> </item> <!-- BUTTON alttan gölge android:right="5px" to make it round--> <item android:bottom="5px" > <shape> <padding android:bottom="5dp"/> <gradient android:startColor="#1c4985" android:endColor="#163969" android:angle="270" /> <corners android:radius="19dp"/> <padding android:left="10dp" android:top="10dp" android:right="5dp" android:bottom="10dp"/> </shape> </item> </layer-list> </item> <item android:state_pressed="true"> <layer-list> <!-- SHADOW --> <item> <shape> <solid android:color="#102746"/> <corners android:radius="19dp"/> </shape> </item> <!-- BUTTON --> <item android:bottom="5px"> <shape> <padding android:bottom="5dp"/> <gradient android:startColor="#1c4985" android:endColor="#163969" android:angle="270" /> <corners android:radius="19dp"/> <padding android:left="10dp" android:top="10dp" android:right="5dp" android:bottom="10dp"/> </shape> </item> </layer-list> </item> </selector>
我的buttonxml，你可以调整你的身高和体重
<Button android:text="+ add friends" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="4" android:background="@drawable/cw_button_shadow" />
我已经尝试了上面的代码，并创build了自己的影子，这个影子与我正在尝试实现的内容稍微接近一点。 也许它也会帮助别人。
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <layer-list> <item android:left="5dp" android:top="5dp"> <shape> <corners android:radius="3dp" /> <gradient android:angle="315" android:endColor="@android:color/transparent" android:startColor="@android:color/black" android:type="radial" android:centerX="0.55" android:centerY="0" android:gradientRadius="300"/> <padding android:bottom="1dp" android:left="0dp" android:right="3dp" android:top="0dp" /> </shape> </item> <item android:bottom="2dp" android:left="3dp"> <shape> <corners android:radius="1dp" /> <solid android:color="@color/colorPrimary" /> </shape> </item> </layer-list> </item> </selector>
试试这个，如果这对你有效
android:background="@drawable/drop_shadow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="3dp" android:paddingTop="3dp" android:paddingRight="4dp" android:paddingBottom="5dp"
你可以试试这个：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <layer-list> <item android:left="1dp" android:top="3dp"> <shape> <solid android:color="#a5040d" /> <corners android:radius="3dip"/> </shape> </item> </layer-list> </item> <item> <layer-list> <item android:left="0dp" android:top="0dp"> <shape> <solid android:color="#99080d" /> <corners android:radius="3dip"/> </shape> </item> <item android:bottom="3dp" android:right="2dp"> <shape> <solid android:color="#a5040d" /> <corners android:radius="3dip"/> </shape> </item> </layer-list> </item>
示例9带有阴影的修补图像
经过大量的研究，我发现了一个简单的方法。
创build一个9补丁图像，并将其应用为button或任何其他视图的背景。
您可以使用此网站创build一个带有阴影的9个修补图像。
把9补丁映像放在你的可绘制目录中，并把它作为button的背景。
mButton.setBackground(ContextCompat.getDrawable(mContext, R.drawable.your_9_patch_image);
