android - 如何实现drawable局部变色？

Question

我正在将我的应用程序的设计基础架构更改为 Material Design 组件，并希望实现如下目标:

这是来自 toggle button它表明可以对可绘制对象进行部分着色，但是没有实现示例如何实现这一点。在我的应用程序中，我有一个带有前景色的文本格式工具栏，我需要以这种方式准确显示选定的文本颜色。

Answer 1

您可以将图标分成两部分(相同大小)，例如我们可以从 material icons 中获取“格式颜色文本”图标

然后使用 <layer-list> 将两个可绘制对象合并为一个( LayerDrawable )

ic_format_color_text.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_format_color_text_black_part1_24dp" />
    <item android:drawable="@drawable/ic_format_color_text_black_part2_24dp" />
</layer-list>

现在，这个可绘制对象可以用作按钮的图标 ( MaterialButtonToggleGroup + MaterialButton )。仅对“底部形状”部分着色:

val dr = (colorTextBtn.icon as? LayerDrawable)?.getDrawable(0 /* colored shape layer index*/)
dr?.let { DrawableCompat.setTint(dr, /* color */) }