如何在 android 中将背景渐变（形状）设置为矢量资产？

Question

我在 android 中有一个来自矢量资产剪贴画的主页图标。我想给它设置一个渐变色或透明化以显示它后面的视图。

左：我有。

对：我想要。

Answer 1

我试图手动重新创建该图标。您可以将其保存为 SVG 文件。此外，您可以更改填充颜色并应用渐变。请参阅 this 了解如何操作。

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs>
        <clipPath id="clip">
            <path 
              d="M 50 50
                  m -50, 0
                  a 50,50 0 1,0 100,0
                  a 50,50 0 1,0 -100,0
                  M38,65 
                 L38,50 
                 L30,50 
                 L50,30 
                 L70,50 
                 L62,50
                 L62,65
                 L52,65
                 L52,55
                 L48,55
                 L48,65
                 L40,65
              Z" />
        </clipPath>
     </defs>
    
    <rect width="100" height="100" fill="blue" clip-path="url(#clip)"/>
</svg>

路径中，下面为圆圈：

M 50 50
m -50, 0
a 50,50 0 1,0 100,0
a 50,50 0 1,0 -100,0

以下是房子：

M38,65 
L38,50 
L30,50 
L50,30 
L70,50 
L62,50
L62,65
L52,65
L52,55
L48,55
L48,65
L40,65

参考文献：

如何在 android 中将背景渐变（形状）设置为矢量资产？

How to set background gradient (shape) to a vector asset in android?

resources

android

drawable