android 如何在xml中使用可绘制的纯色形状后面添加阴影？

jyztefdp 于 2023-06-20 发布在 Android

关注(0)|答案(2)|浏览(141)

我有一个.png图像，它是一个圆形的形状，只是一个阴影。我有一个ImageButton，它有一个android:src属性的图像。对于它的背景，我可以有一个可绘制文件中的xml文件。我现在想要的是有一个阴影图像，这是一个png去后面的另一个固体形状-> android：shape=“oval”。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shadowimg" />
    <item>
        <shape android:shape="oval">
            <solid
                android:color="#d63a33"/>
            <size
                android:width="70dp"
                android:height="70dp"/>
        </shape>
    </item>
</layer-list>

正如您在代码中看到的，我正在添加一个具有android:drawable属性的阴影图像项。然而这并没有让影子显现出来。它只是显示了红色的圆圈形状。但我想在实心红色圆圈形状后面的阴影图像。根据我对层列表的一点点了解，顶部的项目放在后面，底部的项目放在第一位。
更新：在移动图像阴影到底部后，我得到了效果，但是实心红色圆圈的大小太大了，改变大小并不能改变大小。
更新代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid
                android:color="#d63a33"/>
            <size
                android:width="5dp"
                android:height="5dp"/>
        </shape>
    </item>
    <item android:drawable="@drawable/shadowimg" />
</layer-list>

****更新2：****我注意到，当我删除<item android:drawable="@drawable/shadowimg" />时，我可以更改实心圆形的大小，但当我添加这个时，它默认为更大的大小。

这就是发生的事情：

下面是阴影图像，如果有人需要：

android

来源：https://stackoverflow.com/questions/26707332/how-to-add-shadow-using-a-drawable-behind-solid-color-shape-in-xml

2条答案

按热度按时间

mzillmmw1#

我认为这应该是你的解决方案：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   <item>
    <shape android:shape="oval" >
        <solid android:color="#d63a33" />
        <size
            android:height="5dp"
            android:width="5dp" />
    </shape>
 </item>
 <item>
    <bitmap android:src="@drawable/shadowimg" />
 </item>
 <item>
    <shape android:shape="oval" >
        <solid android:color="#00000000" />
        <size
            android:height="5dp"
            android:width="5dp" />
    </shape>
 </item>
 </layer-list>

我添加了另一个透明层与所需的大小。

展开查看全部

赞(0）回复(0）举报 2023-06-20

xfyts7mz2#

实际上问题是在你使用的阴影中，阴影本身留下了一些填充。所以我们可以做的是，在我们使用stroke填充第一个项目的纯色中留出一些空间。
使用此代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="oval" >
            <solid android:color="#d63a33" />
            <stroke
                android:width="7dp"
                android:color="#00000000" />
        </shape>
    </item>
    <item android:drawable="@drawable/shadowimg"/>
</layer-list>

然后使用30dp的高度和30dp的宽度，如

<TextView
    android:id="@+id/titleText"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:layout_centerVertical="true"
    android:layout_marginLeft="16dp"
    android:background="@drawable/circle_white"
    android:fontFamily="sans-serif-thin"
    android:gravity="center"
    android:text="Hi"
    android:textColor="#FF000000"
    android:textSize="16sp" />

如果你想增加视图的高度和宽度，只需增加笔划的宽度。

展开查看全部

赞(0）回复(0）举报 2023-06-20

我来回答

android 如何在xml中使用可绘制的纯色形状后面添加阴影？

2条答案

相关问题

热门标签

最新问答