CustomSeekBar具有逐渐消失的alpha颜色渐变，黑色细边框和平铺背景

Question

目标

我正在尝试复制此对话框。

当前状态

但是我到此为止（只显示相关部分）：

缺少的东西

一种在我的自定义Seekbar的“进度区域”周围添加黑色细边框的方法，以及仅限于该“进度区域”的平铺背景。

我的代码

实际上，我的CustomSeekBar（extends AppCompatSeekBar）可以很好地在代码中设置开始和结束颜色。这是函数：

public void setGradientColor(@ColorInt int leftColor, @ColorInt int rightcolor) {
    grad = new GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            new int[] {leftColor, rightcolor});
    setProgressDrawable(grad);
}

但是尝试设置背景图像最终看起来像我在The current state图像中的最后一个搜索栏（背景延伸到进度区域之外，并填充了视图的所有区域）：

    aSeekBar.setBackground(context.getDrawable(R.drawable.checker));
    aSeekBar.setGradientColor(Color.parseColor("#00000000"), Color.parseColor("#FF000000"));

我在checker.xml中的res/drawable文件：

<?xml version="1.0" encoding="utf-8"?>
<bitmap
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/checkerstile"
    android:tileMode="repeat"
    />

Answer 1

对于问题的“边界”部分，您只需要向GradientDrawable添加一个Stroke即可：

  public void setGradientColor(@ColorInt int leftColor, @ColorInt int rightcolor) {
        grad = new GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            new int[] {leftColor, rightcolor});
        grad.setStroke(/* stroke width*/, /* int color*/);
        setProgressDrawable(grad);
    }

为此，就这么简单，抱歉，我帮不上背景。

Answer 2

我找到了可行的解决方案：

    int padding = aSeekBar.getPaddingStart();
    InsetDrawable bgImg = new InsetDrawable(context.getDrawable(R.drawable.checker), padding);
    aSeekBar.setBackground(bgImg);

使用the solution from Olivier作为边框将其组合起来，您会得到以下结果：