flutter - 有没有办法在颤动中只改变图标颜色的一部分？

Question

我们正在创建一个智能照明应用程序，我们想要一个灯图标，以蓝色显示灯类型的轮廓，然后在其中显示一个不同颜色的灯泡。

这意味着图标的一部分是蓝色的，而另一部分应该可以动态更改为我们定义的颜色（在图像中为黄色部分）（见图1）

我知道我们可以更改图标颜色。我对部分更改图标颜色的方法感兴趣。

我在想我们可能需要在那个方向自定义绘制图标或其他东西。

很高兴听到任何建议。

标签： flutterdarticons

Answer 1

您可以使用一堆图像。在我的示例中，“_00”是静态蓝色部分，而以“ _01”结尾的图像是变化部分。我们可以用一个滑块来改变第二个的颜色，给它不同的 ARGB 值。

              Stack(
                children: [
                  Image.asset(
                    'assets/lamp_icons/ceiling_lamp_00.png',
                    color: Color.fromARGB(255, 63, 115, 137),
                    scale: 1,
                  ),
                  Image.asset(
                    'assets/lamp_icons/ceiling_lamp_01.png',
                    color: sliderOrange,
                    scale: 1,
                  ),
                ],
              ),