关键词：
【中文标题】如何为按钮提供阴影【英文标题】：How to provide shadow to Button 【发布时间】：2013-02-26 07:56:46 【问题描述】：正如您在图片中看到的，我想要Button 后面的阴影。我创建了带有圆角的Button。但问题是我无法在Button 后面生成阴影。我怎样才能做到这一点？
【问题讨论】：
参考：***.com/questions/3567312/android-drop-shadow-on-view & ***.com/questions/6563927/… 这对于具有不同颜色的逼真阴影也很有用：***.com/questions/68583069/… 【参考方案1】：使用这种方法获得您想要的外观。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: 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"
...
..
/>
【讨论】：
这看起来很酷，但是当我尝试这个时，intellij 不喜欢它。当我查看doc 的item 时，它说android:drawable 是必需的。
关闭标签丢失
这不是提问者想要的，因为这个解决方案正好相反：渐变按钮背景和纯阴影颜色。而且这似乎和外阴影很不一样
我是否可以将 textColor 选择器烘焙到上面的选择器中 - 这样我不必在每次定义按钮时都设置背景 textColor，而只需要设置背景。 ..?
<selector> 和 <item> 不是必需的。正如@user4702646 所说，图像已还原。【参考方案2】：
适用于安卓 5.0 及以上版本
尝试Elevation 获取其他视图..
android:elevation="10dp"
对于按钮，
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"
我的输出：
【讨论】：
我想使用这种方法，但是我的按钮是在网格控件中动态创建的（即在代码中），而不是声明式的（实际上，我使用的是 Xamarin 免费版，所以 Mono lib） .似乎不是设置任何属性的简单方法。 @jrichview 看到这个答案并评论***.com/a/24459128/3879847 嘿，如果我用drawable设置按钮的形状，我怎么能把它用作drawable？【参考方案3】：这是我的带阴影按钮 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>
如何使用。在 Button xml 中，您可以调整身高和体重的大小
<Button
android:text="+ add friends"
android:layout_
android:layout_
android:background="@drawable/cw_button_shadow" />
【讨论】：
【参考方案4】：如果您的目标是棒棒糖之前的设备，您可以使用Shadow-Layout，因为它很简单，您可以在不同类型的布局中使用它。
将阴影布局添加到您的 Gradle 文件：
dependencies
compile 'com.github.dmytrodanylyk.shadow-layout:library:1.0.1'
在您拥有按钮的 xml 布局的顶部，添加到顶部：
xmlns:app="http://schemas.android.com/apk/res-auto"
它将使自定义属性可用。
然后你在你的 Button 周围放置一个阴影布局：
<com.dd.ShadowLayout
android:layout_marginTop="16dp"
android:layout_
android:layout_
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: 设置以匹配您所需的阴影。
希望对你有帮助。
【讨论】：
糟糕的库，已弃用，不再受支持。此外，它似乎只允许深色/黑色阴影，而不是浅色阴影。【参考方案5】：我已经尝试了上面的代码，并制作了我自己的影子，这有点接近我想要实现的目标。也许它也会对其他人有所帮助。
<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>
【讨论】：
请附上截图。【参考方案6】：如果这对你有用，试试这个
android:background="@drawable/drop_shadow"
android:layout_
android:layout_
android:paddingLeft="3dp"
android:paddingTop="3dp"
android:paddingRight="4dp"
android:paddingBottom="5dp"
【讨论】：
【参考方案7】：Sample 9 patch image with shadow
经过大量研究，我找到了一种简单的方法。
创建一个 9 补丁图像并将其应用为按钮或任何其他视图的背景。
您可以使用此website 创建带有阴影的 9 补丁图像。
将 9 个补丁图像放在您的可绘制目录中，并将其用作按钮的背景。
mButton.setBackground(ContextCompat.getDrawable(mContext, R.drawable.your_9_patch_image);
【讨论】：
【参考方案8】：你可以试试这个：
<?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】：你可以使用这个很棒的图书馆 https://github.com/BluRe-CN/ComplexView 而且非常好用
【讨论】：
如何为每个人提供点赞按钮更新页面
】如何为每个人提供点赞按钮更新页面【英文标题】：Howtohavelikebuttonupdatepageforeveryone【发布时间】：2021-02-1917:17:08【问题描述】：我正在写博客，我希望有一个赞按钮，但我很好奇，我怎样才能让每个人都更新这个按钮？<butt... 查看详情
已阻止：仅当按钮具有外部图标时，如何为按钮提供额外的填充？
】已阻止：仅当按钮具有外部图标时，如何为按钮提供额外的填充？【英文标题】：Blocked:Howtogiveadditionalpaddingtoabutton,ONLYifithasanexternalicon?【发布时间】：2021-12-0602:48:00【问题描述】：如果按钮中有一个外部图标，我正在尝试为... 查看详情
使用 MFC，如何为带有圆角和阴影的 CEdit 控件设置样式？
】使用MFC，如何为带有圆角和阴影的CEdit控件设置样式？【英文标题】：WithMFC,howtostyleaCEditcontrolwithroundedcornersandshadow?【发布时间】：2016-07-2614:42:55【问题描述】：我想在MFC应用程序中为客户端提供高度样式化的表单元素。我得... 查看详情
如何为 django 模板中的单个按钮的 for 循环中的按钮提供唯一 id？
】如何为django模板中的单个按钮的for循环中的按钮提供唯一id？【英文标题】：Howtoprovideuniqueidtothebuttoninaforlooptothesinglebuttonindjangotemplates?【发布时间】：2021-02-1602:04:57【问题描述】：我试图通过在按钮ID中添加帖子ID来为按钮提... 查看详情
如何为 ImageButton 添加阴影？
】如何为ImageButton添加阴影？【英文标题】：HowcanIaddshadowtoImageButton?【发布时间】：2014-10-1010:57:37【问题描述】：这是我第一次发帖。我一直在使用这个网站作为一个很好的资源。但是我遇到了一个问题。我尝试对ImageButton应用... 查看详情
如何为 QPushButton 的背景颜色设置动画（动态更改按钮颜色）
】如何为QPushButton的背景颜色设置动画（动态更改按钮颜色）【英文标题】：HowtoanimatethebackgroundcolorofaQPushButton(changebuttoncolordynamically)【发布时间】：2021-02-2109:04:04【问题描述】：我正在尝试在pyqt5Python中制作一个按钮，将背景颜... 查看详情
Flutter：如何为透明容器添加阴影？
】Flutter：如何为透明容器添加阴影？【英文标题】：Flutter:Howtoaddshadowtotransparentcontainer?【发布时间】：2021-02-0400:57:34【问题描述】：我只想在透明容器的边缘有一个阴影，如您在顶部导航栏中所见[图1]。Boxshadow在这种情况下不... 查看详情
iOS Swift如何为透明的UIView添加阴影
】iOSSwift如何为透明的UIView添加阴影【英文标题】：iOSSwifthowtoaddashadowtoatransparentUIView【发布时间】：2017-10-2203:51:58【问题描述】：我使用UIView作为带有阴影的叠加层，但是一旦我将UIView背景颜色设置为.clear，我就不再看到阴影，... 查看详情
如何为带有阴影的 UIView 赋予椭圆形状
】如何为带有阴影的UIView赋予椭圆形状【英文标题】：HowtogiveovalshapetoUIViewwithshadow【发布时间】：2020-06-1909:36:58【问题描述】：如何在底部只有阴影的椭圆形uiview【问题讨论】：【参考方案1】：您需要为此使用UIBezierPath。这是... 查看详情
如何为 Paypal Checkout 按钮添加样式？
】如何为PaypalCheckout按钮添加样式？【英文标题】：HowcanIaddstyletoPaypalCheckoutbutton?【发布时间】：2017-07-0919:24:44【问题描述】：有没有办法为Paypal结帐按钮添加一些样式？或者创建我自己的支付宝结帐按钮？【问题讨论】：【参... 查看详情
为按钮添加边框和阴影
...些按钮作为自定义按钮，因为我在它们上应用了图像。如何为ht添加边框和阴影【问题讨论】：【参考方案1】：添加阴影和边框很简单。1)将QuartzCore框架添加到您的目标。2）在要添加边框和阴影的类中导入框 查看详情
如何为具有动态高度的表格单元格添加底部阴影？
】如何为具有动态高度的表格单元格添加底部阴影？【英文标题】：Howtoaddbottomshadowtotablecellwithdynamicheight?【发布时间】：2011-05-1803:16:25【问题描述】：我即将为表格单元格实现底部阴影。但是，我的表格单元格具有动态高度，... 查看详情
如何为带有阴影、填充和圆角的 tableview 部分设置样式？
】如何为带有阴影、填充和圆角的tableview部分设置样式？【英文标题】：Howtostyletableviewsectionswithshadow,paddingandroundedcorners?【发布时间】：2019-11-1120:33:40【问题描述】：我想在Swift中从屏幕截图重建应用程序。我想使用具有不同表... 查看详情
如何为小部件边框/阴影添加霓虹发光效果？
】如何为小部件边框/阴影添加霓虹发光效果？【英文标题】：Howtoaddaneongloweffecttoanwidgetborder/shadow?【发布时间】：2019-10-1814:56:40【问题描述】：有没有办法使用颤振（带有特殊着色器的CustomPaint或类似的东西）来创建这样的效果... 查看详情
如何为我的 UIImageView 创建白色边框和黑色阴影？
】如何为我的UIImageView创建白色边框和黑色阴影？【英文标题】：HowdoIcreateawhiteborderandblackshadowformyUIImageView?【发布时间】：2011-05-2603:07:34【问题描述】：【问题讨论】：【参考方案1】：只导入#import<QuartzCore/QuartzCore.h>并确保... 查看详情
如何为 UINavigationBar 设置不透明的 1px 高阴影图像？
】如何为UINavigationBar设置不透明的1px高阴影图像？【英文标题】：Howdoasetanopaque1pxhighshadowimageforaUINavigationBar?【发布时间】：2014-12-0220:08:48【问题描述】：在我的应用程序委托的didFinishLaunchingWithOptions函数中，我尝试自定义导航栏... 查看详情
如何为前置摄像头添加开关按钮？
】如何为前置摄像头添加开关按钮？【英文标题】：AddingaSwitchButtonforFrontCamerahow?【发布时间】：2014-06-1602:25:06【问题描述】：在添加按钮或ImageView方面需要帮助，以便我可以切换到前置摄像头，请帮助！！！任何人都可以帮助... 查看详情
Plotly：如何为标准偏差制作具有多条线和阴影区域的图形？
】Plotly：如何为标准偏差制作具有多条线和阴影区域的图形？【英文标题】：Plotly:Howtomakeafigurewithmultiplelinesandshadedareaforstandarddeviations?【发布时间】：2020-08-1302:20:26【问题描述】：如何使用Plotly生成带有阴影标准差的线图？我正... 查看详情