从 figma 为任何图标添加完整的活动阴影

Posted 2023-03-06

【中文标题】从 figma 为任何图标添加完整的活动阴影

【英文标题】：Add full active drop-shadow from figma for any icon

【发布时间】：2021-09-20 15:18:20

【问题描述】：

我想在可绘制对象中添加阴影，以便在任何 android 图标（导航栏、自定义视图、按钮）上使用它们。然后应该得到类似this 的东西。尝试使用 Ninepatch 和 layer-list 或者只是 png。它可以工作，但有一个问题：由于阴影，drawable的填充增加，结果主图变小。例如，在选择器中使用这样的图层列表和其他图像变得不可能。有什么办法呢？

【问题讨论】：

请在您的问题中分享一些代码

【参考方案1】：

好的，我只是使用阴影 png 位图作为矢量图像的背景，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_vector_active_with_sunshine" android:state_checked="true" />
    <item android:drawable="@drawable/ic_vector_inactive" android:state_checked="false" />
</selector>

ic_vector_active_with_sunshine:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/drop_shadow" />
    <item android:drawable="@drawable/ic_vector" />
</layer-list>