【问题标题】:How to set background gradient (shape) to a vector asset in android?如何在android中将背景渐变(形状)设置为矢量资产?
【发布时间】:2021-10-23 08:15:40
【问题描述】:

我有一个来自 Android 中矢量资产剪贴画的主页图标。 我想为其设置一个渐变或将其透明化以显示其背后的视图。

左:我有。

对:我想要。

【问题讨论】:

  • 矢量资产是指SVG吗?
  • 右键点击drawable文件夹,新建->矢量素材
  • 既然是图标,可能没有房子的透明色。
  • 是否有实现右侧用户界面的方法?
  • 您可以创建自己的 SVG 图像,房屋颜色为透明。

标签: android resources drawable


【解决方案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

参考资料:

【讨论】:

    猜你喜欢
    • 2017-08-25
    • 2020-11-06
    • 2013-07-01
    • 2020-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-01
    • 2012-05-24
    相关资源
    最近更新 更多