如何在android中使用layer-list制作一个带有上下阴影的矩形？
在Android中，使用layer-list可以轻松地创建一个带有上下阴影的矩形。以下是一个详细的步骤指南：
步骤 1: 创建 layer-list XML 文件
首先，在你的 res/drawable 目录下创建一个新的 XML 文件，例如 shadow_rectangle.xml。
<?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="#33000000"/> <!-- 深灰色，用于阴影效果 -->
<corners android:radius="8dp"/> <!-- 圆角半径 -->
</shape>
</item>
<!-- 中间的矩形 -->
<item android:bottom="4dp" android:top="4dp">
<shape android:shape="rectangle">
<solid android:color="#FFFFFF"/> <!-- 白色或其他你想要的颜色 -->
<corners android:radius="8dp"/> <!-- 圆角半径 -->
</shape>
</item>
<!-- 顶部阴影 -->
<item android:top="4dp">
<shape android:shape="rectangle">
<solid android:color="#33000000"/> <!-- 深灰色，用于阴影效果 -->
<corners android:radius="8dp"/> <!-- 圆角半径 -->
</shape>
</item>
</layer-list>步骤 2: 在布局文件中使用 layer-list
在你的布局文件（例如 activity_main.xml）中，使用这个 layer-list 作为背景。
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/shadow_rectangle"
android:padding="16dp">
<!-- 这里可以放置你的内容 -->
</LinearLayout>解释
- 底部阴影：第一个
<item>定义了一个深灰色的矩形，作为底部阴影。 - 中间矩形：第二个
<item>定义了主要的矩形，颜色为白色或其他你选择的颜色。通过设置android:bottom="4dp"和android:top="4dp"，将其稍微向上和向下偏移，以便在视觉上与阴影分离。 - 顶部阴影：第三个
<item>定义了顶部的阴影，同样是一个深灰色的矩形。
通过这种方式，你可以创建一个带有上下阴影效果的矩形。你可以根据需要调整颜色、阴影的深度和圆角半径。
注意事项
- 确保你的
layer-list文件路径正确，并且在布局文件中正确引用。 - 如果你需要更复杂的阴影效果，可以考虑使用
elevation属性或自定义 Drawable。
相关·内容
1回答
我正在尝试添加投影到我在xml上制作的矩形。用corners android:radius="100dp"创建的矩形和我用photoshop创建并用9.Path编辑的阴影。但阴影看起来并不好，因为在某些情况下，矩形的变化是高度。这就是我用阴影创建矩形的方法：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:shape=&
浏览 7提问于2015-07-06得票数 0
我正在尝试使用View的elevation属性来投射阴影。当背景是一个圆形或一个可绘制的圆角矩形时，它工作得很好。但是，如果我使用可绘制的颜色或矩形作为背景，阴影就不会显示出来。
只需将圆角矩形的半径更改为零，即可使阴影消失。我已经尝试过类似问题的解决方案，例如添加填充和边距。我添加了两个：
android:clipChildren="false"
android:clipToPadding="false"
添加到父视图中，但这也没有解决问题。
我使用的是最简单的形状：
<shape xmlns:android="http://schemas.an
浏览 4提问于2019-01-08得票数 3
1回答
我想添加一个自定义布局--带有阴影的边缘，就像这样：
问题是我用这个来添加一个半透明的背景色：(corners_main_layout.xml)
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="6dp" />
<solid android:color="@color/bright_foreground_disabled_ma
浏览 3提问于2016-09-12得票数 0
我需要一个黄色的矩形与阴影在顶部和底部的图像，我如何才能绘制使用图层列表，我不知道如何做到这一点，特别是阴影如何实现该形状？
浏览 10提问于2016-08-22得票数 1
回答已采纳
我有一个极小的Android项目，只有一个按钮。我为按钮分配一个阴影：
android:elevation="3dp"
android:translationZ="3dp"
android:stateListAnimator="@null"
我在选项卡中看到了阴影。但是，我在xml编辑器中也会收到警告。
分布..。仅用于API 21级及更高级别(当前最小值为16)。
事实上，按钮阴影只在带有API level 21 or higher的仿真器中显示，在带有API level lower than 21的仿真器中显示为平面，而在模拟器中则完
浏览 3提问于2016-07-09得票数 10
回答已采纳
我正在使用矩形框来显示其中的一些imageView。我想给框这样的外部阴影
我正在使用这个xml内容
<corners android:radius="3dp" />
<stroke
android:width="1dp"
android:color="#AAAAAA" />
<solid android:color="#FFF" />
然后拿到这个盒子
有谁能告诉我怎么做吗？
浏览 0提问于2013-09-25得票数 2
1回答
如何增加形状的高度？
、、、
现在我有了下一个矩形：
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="28dp" />
<gradient
android:endColor="#FFFFFF"
android:gradientRadius="20dp"
a
浏览 2提问于2020-04-07得票数 0
回答已采纳
我想为我的主视图创建背景，其中topLeft和bottomLeft角将是圆形的，但右角将是正常的。 我已经为我的RecyclerView布局做了几次这样做，以便为每个View制作圆角，但现在它导致渲染错误，因为我使用elevation或translationZ在View周围制作软阴影。 错误：Invalid Region.Op - only INTERSECT and DIFFERENCE are allowed. 我找到了这个错误的原因。看起来Android P在角落半径上有一些问题，就像这里所说的那样：java.lang.IllegalArgumentException: Invalid
浏览 16提问于2019-01-03得票数 0
6回答
我尝试在linearLayout周围设置阴影，如下图所示(上图)：
我使用的是layer-list和shape，但所有的底部阴影都是由白色区域叠加的(见上图)。所有这些视图看起来都像这样：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
浏览 0提问于2015-09-15得票数 0
1回答
我正在开发一个安卓应用程序，其中我需要使用一个矩形的形状，这应该有一个drop_shadow。我设计了一个矩形的形状，但不知何故我不能添加一个投影到它(左右两侧)。附注:此矩形形状被添加为背景属性。
如果此类问题已经得到回答，请在此处提供链接。
提前感谢您！
代码：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid a
浏览 28提问于2015-06-12得票数 0
2回答
我有一个.png图像，它是一个圆形，只是一个阴影。我所拥有的是一个具有android:src属性的图像的ImageButton。对于它的背景，我可以有一个可绘图文件中的xml文件。我现在想要的是有一个阴影图像，这是一个png去后面的另一个固体形状-> android:shape=“椭圆”。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
浏览 1提问于2014-11-03得票数 0
1回答
我正在编写一个XML选择器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/image_state2" android:state_pressed="true"/>
<item android:drawable="
浏览 2提问于2014-07-28得票数 1
回答已采纳
我想在我的文本视图中添加阴影。我找到了添加渐变的解决方案，还有一个解决方案建议在原始textView的背面创建一个带有较亮阴影的复制文本视图，以提供阴影效果。但是我想要有一个真正的阴影效果。
这是我所尝试的，创建了一个xml文件.I rounded_corner.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<stroke
浏览 23提问于2018-01-06得票数 1
回答已采纳
3回答
背景
我试图在视图下面做一个(假的)阴影，这样图层就会以这种方式垂直：
一条"#43000000“色线，高度为"1dp”
在直线下方，从顶部开始的渐变以颜色"#1A000000“开始，以颜色"#00000000”结束，其高度为"8dp“。
问题所在
由于某种原因，我不能正确地划定界限。
不管我做什么，因为某种原因，线占据了整个空间，而梯度看起来很好。
我试过的
我试着用“线”作为形状，也用“矩形”。我也尝试使用“笔画”而不是“实心”，尝试添加填充和边距.
下面是可绘制文件的XML：
<?xml version="1.0
浏览 4提问于2014-11-14得票数 6
回答已采纳
我想创建一个可拉的，并使用它作为我的按钮的背面。阴影的高度一定是18度。看这张照片。
我试过这种方法，但不管用：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false">
<layer-list>
浏览 5提问于2016-07-15得票数 0
3回答
我有一个png的按钮可抽屉。但它的图像绘制有梯度，当应用9patch时看起来很糟糕(梯度和9patch不兼容)。我想用形状来做这件事。但是我不能用android图形来绘画，因为它对我来说很难理解。
你能帮我画一个有形状的图像吗？
它包含一个边框渐变，里面有一个圆角橙色矩形和120°阴影
浏览 3提问于2016-12-26得票数 8
回答已采纳
我想要两条白线-one在视图的顶部，另一条在视图的底部！
没有左右边框！
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#00000000"/>
<stroke android:width="0.1dp" android:color="
浏览 4提问于2016-04-28得票数 0
在这里，我想问一个让我如此困惑的简单问题，我开发了一个android应用程序，我想使用材料设计主题。
但是，当我试图在RaisedButton下编码阴影时，它是不起作用的。我是说它只是在按钮周围划了一下，而不是影子。
师父，请帮助我，有什么简单的方法来制造这个阴影吗？？谢谢
注意：这是我的custon_button.xml
<item android:state_pressed="true" >
<shape>
<solid
android:color="@color/solidpress
浏览 6提问于2015-09-24得票数 0
回答已采纳
嗨，我要把影子放在我碎片里的桌面上。我的XML代码是
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
浏览 9提问于2016-12-09得票数 2
回答已采纳
1回答
我正在尝试用XML创建一个背景可绘制的资源，它是半透明的，但带有实心阴影。
这就是我到目前为止所知道的：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle" >
<padding
浏览 1提问于2013-07-23得票数 1
回答已采纳
1回答
我正在尝试制作一个带有我的徽标的自定义横幅。我已经尝试了多种方法，但它们似乎都不起作用。以下是我尝试过的内容。
这是CustomView类：
import android.view.View;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
/**
* Created by Michael on 12/24/2017.
*/
浏览 18提问于2017-12-25得票数 0
2回答
我想将一个ImageView集中到我的ToolBar之上，并使其重叠。
下面是它应该是什么样子：
黑色矩形应该是工具栏，带有半圆环的灰色矩形是我想要放置在工具栏顶部的ImageView，这样半圆就可以与工具栏重叠。
我的工具栏看起来如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width=
浏览 12提问于2015-04-13得票数 2
回答已采纳
Android上的所有视图类都是在矩形shape.When中定义的，您在矩形区域中检测到，当设置图像时，它会填充rectangle.How来生成一个默认情况下是圆形的类？
我正在寻找的特征：
functionsSquare 支持所有带有setImageBitmap或onDraw的ImageView图像输入到圆型。设置圆形触摸区域，而不是小面积的。第三方很好，但更喜欢使用内部库。<code>G 211</code>
浏览 1提问于2020-06-13得票数 0
使用卡片视图，我意识到盒子阴影不是圆形的，在手机屏幕上看起来很糟糕，下面是使用的示例代码，还有一个阴影的屏幕截图，为了强调，我添加了更多的阴影，所以你可以清楚地看到阴影的边缘是矩形的，而盒子是圆形的。 <androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_p
浏览 27提问于2020-09-08得票数 1
我正在尝试设计一个使用xml的布局。这是一个聊天气泡布局。我只需要一个形状放在一个形状之后。基本上我使用2个矩形，1个矩形旋转45度。我需要倾斜的矩形放置在一个普通的矩形之后。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<rotate
android:fromDegr
浏览 0提问于2017-05-10得票数 0
我有一个RelativeLayout。我想在上面应用阴影效果，所以我定义了一个自定义背景(updatebg.xml)：
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/background" >
<shape android:shape="rectangle">
<solid andr
浏览 0提问于2018-06-26得票数 1
回答已采纳
我有一个用于ListItem选择器的形状(矩形)：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<solid android:color="#eef0f3" />
<corners
android:bottomLeftRadius="4
浏览 2提问于2015-09-25得票数 1
回答已采纳
我正在尝试做一些类似于Wordpress安卓应用程序所做的事情：
我在导航抽屉里有一个列表视图。使用选择器资源选择项目时，我设法获得要更改的背景。如何在所选项目的左边制作一个小的彩色矩形？就像wordpress应用程序。
编辑：
我的列表项目布局：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="
浏览 1提问于2013-10-08得票数 0
2回答
我正在为一个RelativeLayout的背景做一个矩形，我想知道如何使这个矩形的圆形边缘以外的区域也成为darker_grey。目前，只有这个矩形的内部是darker_grey
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<solid android:color="
浏览 0提问于2018-01-23得票数 4
回答已采纳
1回答
在android中实现一个进度条，只在填充部分的底部得到一个阴影，如下所示：
API级别是KitKat和up，但是我不介意一个只适用于棒棒糖和向上的解决方案。标高似乎不起作用，卡片视图也是如此。有什么建议吗？
浏览 2提问于2016-11-03得票数 1
回答已采纳
我正在尝试绘制一个红色矩形，覆盖了android系统中白色矩形宽度的40%。
xml文件如下所示：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
android:gravity="center_vertical|fill
浏览 1提问于2017-03-31得票数 1
回答已采纳
3回答
我正试着在点击的时候添加一些阴影覆盖图像按钮。有没有可能以及如何。
所以我有一个按钮，我希望当我点击它时，它会看起来像是被按下的。所以我创建了新的xml，如下所示：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="true"
android:state_enab
浏览 1提问于2013-06-14得票数 5
回答已采纳
我使用自定义矩形作为背景：
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<corners android:radius="20dp"/>
<padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="
浏览 3提问于2016-06-18得票数 4
回答已采纳
我尝试使用这个分层xml实现带有阴影(如 )的编辑文本。
<?xml version="1.0" encoding="utf-8"?>
<!-- most important is order of layers -->
<!-- Bottom right side 2dp Shadow -->
<item>
<shape android:shape="rectangle" >
<solid android:color="#d8d8d8"
浏览 2提问于2017-04-27得票数 0
回答已采纳
1回答
我已经在安卓项目中创建了一个shape.xml。在这个xml文件中，我有一个矩形形状设计，使用border.This可以很好地工作。我需要在同一个xml中创建另一个带左边框的矩形形状。这是可能还是不可能。如果这可能意味着我如何在布局页面中引用两个不同的形状。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<s
浏览 0提问于2014-05-23得票数 0
1回答
我想给TextView添加一个阴影，但是在我的手机上，阴影的颜色总是白色的，虽然它应该是灰色的。在Android的布局验证器中，它看起来就像它应该做的那样。
以下是我的xml代码：
<TextView
android:id="@+id/tvName"
android:layout_width="wrap_content"
android:layout_height="46dp"
android:layout_alignParentTop="true"
浏览 6提问于2022-09-24得票数 0
我做了一个自动补全文本域，但它只显示基线，我看到手机里的编辑字段是长方框.But，它显示的是简单的基线，如图所示，你能告诉我怎么做矩形吗
以便它看起来与编辑文本字段相同
它应该看起来像一个边框为黑色矩形，用户在该矩形中输入文本。这是我的代码..
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="
浏览 2提问于2014-11-01得票数 0
我正试图通过以下代码实现上述背景：
<?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="#dddddd" /&
浏览 0提问于2015-04-27得票数 0
回答已采纳
3回答
我搜索了阴影按钮(如下所示)，但没有找到想要的结果。我想要同样的，如下图所示。
我也试过这个，。
我也尝试了提升和翻译Z (z) android方法的阴影，但没有任何帮助。请带我走过这段路。谢谢。
浏览 7提问于2016-11-30得票数 4
回答已采纳
8回答
我使用一个可绘制的作为TextView的背景，只是为了在文本下面有一条分隔线。A使用这个可绘制的xml实现了它：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape
android:shape="rectangle">
&
浏览 2提问于2012-03-29得票数 72
回答已采纳
我有下面这张画一个矩形的图。你能告诉我如何添加一个9patch图像作为这张图纸的背景吗？
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
>
<stroke android:width="1dp" android:color="#FFFFFFFF" />
<solid android:color="@a
浏览 1提问于2010-05-02得票数 1
回答已采纳
如何在android studio中用xml制作这个形状？矩形顶部的半圆。我想把头像放在上面，文本里面的矩形。 <?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ffffff"/>
<stroke android:width="1dp" and
浏览 47提问于2019-02-20得票数 0
编辑:这里建议的解决方案让我自己画阴影。我不想那样，因为视图将是动画的(translationZ会随着时间的推移而改变)，我想避免在动画期间自己渲染阴影。我想要一些解决方案的帮助安卓-系统认识到我的形状作为背景的海拔。如果找不到这样的解决方案，那么很难的方法是用convexPath对ViewOutlineProvider进行子类化，但我真的很想避免这种情况。
正如问题的名称所示，我很难让android的高度与不同圆角的矩形一起工作。(在问题末尾添加的图片)
当只有一个默认半径时，它确实有效，例如，在下面的示例中：
rounded_rect.xml
<?xml version=&#
浏览 0提问于2018-04-16得票数 2
回答已采纳
5回答
我想为linearLayout创建一个边框。所以我决定创建一个形状。我希望边框有一个渐变。下面的代码不是这样做的。它填充矩形，然后创建一个笔划。我不想要填充的矩形，只想要笔触。我想把渐变应用到笔划上。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<gradient
浏览 60提问于2014-01-02得票数 45
回答已采纳
我有带有简单元素的RecyclerView。RecyclerView元素有两个Textviews。我将可绘图设置为RecyclerView元素的背景，以便在元素的侧面产生阴影效果。三星星系S7的一切都很好，但在运行在棒棒糖回收视图上的设备上，有时会随机获得灰色。
这就是它在棒棒糖上的样子：
灰色边框在我滚动时随机出现。
这是我的可绘制文件，它提供阴影效果：
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item >
<layer-l
浏览 4提问于2017-09-20得票数 0
我应用了高程属性和一个可绘制的背景，它为EditText View提供了一个圆形的轮廓，但是没有像预期的那样出现阴影。
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto&
浏览 0提问于2019-03-22得票数 1
在使用XML的Android应用程序中，我试图将矩形形状从垂直更改为水平，但它不起作用。它只是画一个水平的形状，而不是它的椭圆形。
main.xml:
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#5ebb1e" />
</shape>
</it
浏览 3提问于2020-07-25得票数 0
1回答
我尝试自定义ActionBar。这是我的尝试：
我覆盖了背景，我想覆盖底部的边界，并禁用下拉阴影下的行动栏。
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<bitmap
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@drawable/
浏览 1提问于2012-11-19得票数 0
回答已采纳
我正试着在前棒棒糖设备上做一个浮动的动作按钮。我已经设法做了一个像样的按钮，但它看起来不好没有任何阴影。
这是circle.xml文件
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<layer-list>
<item>
浏览 1提问于2014-12-31得票数 0
2回答
我在列表视图中添加了一个分隔符，但是那里什么也没有。ListView保持不变，就像没有任何分隔器集一样。
这是ListView XML：
<ListView
android:id="@+id/listview_language"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:divider="@drawable/shadow" />
@凹凸/阴影XML：
<?xml v
浏览 4提问于2013-12-22得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
