android - 具有渐变 alpha 颜色渐变、黑色细边框和平铺背景的自定义 SeekBar

Question

目标

我正在尝试复制这个对话框。

当前状态

但我只到了这一点(只显示相关部分):

缺少什么

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

我的代码

实际上，我的 CustomSeekBar(扩展 AppCompatSeekBar)可以很好地在代码中设置开始和结束颜色。这是函数:

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

但是尝试设置背景图像最终看起来像我在当前状态图像中的最后一个搜索栏(背景延伸到进度区域之外并填充所有 View 区域):

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

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

<?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);
    }

为此，就这么简单，对不起，我不能帮助背景。