android - 如何在Android中动态合并两个Drawable？

所以我有两个不同的Drawables，我需要在运行时合并它们并获得一个Drawable。我希望第一个Drawable在顶部，另一个在底部。我碰到了LayerDrawable，看起来确实正是我所需要的，但是我在尝试安排Drawables时遇到了麻烦。

所以我有一个ImageButton，它是48x48 dp，这是最终Drawable的来源。第一个Drawable是加号按钮(20x20 dp)，第二个是加号按钮下方的小圆点(4x4 dp)。

加号按钮Drawable使用字体字形加载。我正在使用以下xml代码段创建点按钮Drawable:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <solid
        android:color="@color/white_40"/>
    <size
        android:width="4dp"
        android:height="4dp"/>
</shape>

我的第一种方法是将Drawables都添加到LayerDrawable中，但是当我这样做时，将忽略xml中指定的点的width/height属性，并且它会覆盖加号图标。

LayerDrawable finalDrawable = new LayerDrawable(new Drawable[] {plusIcon, dotIcon});

上面的结果是这样的:


我尝试的第二种方法是使用setLayerInset尝试放置两个Drawables。

    LayerDrawable finalDrawable = new LayerDrawable(new Drawable[] {plusIcon, dotIcon});
    finalDrawable.setLayerInset(0, 0, 0, 0, 0);
    finalDrawable.setLayerInset(1, dp(22), dp(44), dp(22), 0);

上面的代码片段最终将点放置在正确的位置，但是它也开始影响加号按钮的位置和大小，最终看起来像这样:


但是我真正想要的是在ImageButton的中心有加号按钮，而在它的下方有加号图标。有谁知道我要去哪里错了，如何正确放置两个可绘制对象？

PS:我的应用程序支持API 15+，所以我不能使用LayerDrawable，`setPaddingMode等来自setLayerGravity API的方法。

最佳答案

编辑

此代码可在23以下的API级别上运行:

ImageButton button = (ImageButton) findViewById(R.id.button);

Drawable plusIcon = ContextCompat.getDrawable(this, R.drawable.plus);
Drawable dotIcon = ContextCompat.getDrawable(this, R.drawable.oval);

int horizontalInset = (plusIcon.getIntrinsicWidth() - dotIcon.getIntrinsicWidth()) / 2;

LayerDrawable finalDrawable = new LayerDrawable(new Drawable[] {plusIcon, dotIcon});
finalDrawable.setLayerInset(0, 0, 0, 0, dotIcon.getIntrinsicHeight());
finalDrawable.setLayerInset(1, horizontalInset, plusIcon.getIntrinsicHeight(), horizontalInset, 0);

button.setImageDrawable(finalDrawable);

原来的

以下代码对我有用:

ImageButton button = (ImageButton) findViewById(R.id.button);

Drawable plusIcon = ContextCompat.getDrawable(this, R.drawable.plus);
Drawable dotIcon = ContextCompat.getDrawable(this, R.drawable.oval);

LayerDrawable finalDrawable = new LayerDrawable(new Drawable[] {plusIcon, dotIcon});
finalDrawable.setLayerInsetBottom(0, dotIcon.getIntrinsicHeight());
finalDrawable.setLayerGravity(1, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL);

button.setImageDrawable(finalDrawable);

这将产生以下用户界面: