Question

实际上，我正在开发Android应用程序。问题是关于在VectorDrawables中使用渐变导出图标。我使用Adobe Illustrator绘制我的图标并将它们导出到Android Studio的“资产工作室”。

根据每种材料设计指南，物体的阴影应该是径向渐变渐变，其中第一滑块位于32％位置，不透明度为15％。第二滑块位于62％位置，不透明度为2％。并且最后一个滑块是100％具有45°角度的完全透明颜色

我在Adobe Illustrator中创建了Icon，看起来非常完美，并按照材料设计进行了操作。但是当我将它们导出到Android Studio时，由于矢量Drawables不能完全支持渐变，因此图像会大幅改变。 Android 7.0 +设备支持VectorDrawables中的渐变。另一个问题是Google表示具有高程的物体应显示45°的长阴影（基于渐变）。但另一方面，他们并不完全支持渐变。如何将渐变应用程序图标扩展到低于7.0的设备。

P.S。我导出Illustrator文件以支持自适应图标。请有人指导我在VectorDrawables中实现渐变阴影，使它们看起来与传统图标类似

Answer 1

不是在插图画家中包含阴影的渐变，而是手动将其添加到矢量xml文件中的路径：

<path 
    android:pathData="...">
    <aapt:attr name="android:fillColor">
      <gradient
          android:type="radial"
          android:centerX="54"
          android:centerY="54"
          android:gradientRadius="76.37">
        <!-- 15% black from center to 32% stop -->
        <item android:offset="0.0" android:color="#26000000" />
        <item android:offset="0.32" android:color="#26000000" />
        <!-- 2% black at 62% stop -->
        <item android:offset="0.62" android:color="#05000000" />
        <!-- fade to transparent -->
        <item android:offset="1.0" android:color="#00000000" />
      </gradient>
    </aapt:attr>
</path>

有关详细信息https://medium.com/google-developers/implementing-adaptive-icons-1e4d1795470e

注意：在API 24中向VectorDrawables添加了渐变支持。

如何在VectorDrawables中根据材料设计指南为App图标创建渐变长阴影？

1 个答案: