如何为Button提供阴影

在这里输入图像描述

正如你在图像中看到的,我想要一个Button背后的阴影。 我已经创build了圆angular的Button 。 但问题是我不能在Button后面生成一个影子。 我怎样才能做到这一点?

8 Solutions collect form web for “如何为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.xmlhttps://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); 
  • 如何隐藏操作栏中的菜单项?
  • 了解canvas和表面的概念
  • Android - Facebook SDK 3 - 如何在没有LoginButton的情况下以编程方式login
  • 从Android中的服务发送通知
  • 如何在不强制数字input的情况下默认使用EditText上的数字键盘?
  • Android ListView:获取可见项的数据索引
  • 在运行时更改语言环境?
  • Android:从后面的堆栈中删除所有的FragmentTransactions
  • 缺lessSDK平台Android,API 18
  • Android的; 地理编码器,为什么我会得到“服务不可用”?
  • AESalgorithm - 解密问题