如何通过编程方式创建带渐变描边且无填充的按钮？

嘿，我完全懂你要做的那种按钮——无填充、边缘是渐变描边，Android原生的GradientDrawable.setStroke()确实没法直接实现渐变描边，因为它只接受单一颜色的描边。不过有几种靠谱的编程实现方式，我给你详细说下：

方案一：用LayerDrawable叠加实现 #

这个方法是通过叠加两个Drawable来模拟渐变描边：外层用渐变填充的Drawable，内层用透明实心的Drawable覆盖中间区域，只留外层的边缘作为“描边”。代码示例如下：

// 1. 创建外层渐变Drawable（作为描边的底色）
GradientDrawable gradientBackground = new GradientDrawable(
    GradientDrawable.Orientation.LEFT_RIGHT,
    new int[]{Color.parseColor("#FFFF0000"), Color.parseColor("#FF00FF00")}
);
// 如果需要圆角，添加这行
gradientBackground.setCornerRadius(8f);

// 2. 创建内层透明Drawable（覆盖中间区域）
GradientDrawable transparentFill = new GradientDrawable();
transparentFill.setColor(Color.TRANSPARENT);
transparentFill.setCornerRadius(8f); // 和外层圆角保持一致

// 3. 组合成LayerDrawable
LayerDrawable layerDrawable = new LayerDrawable(new Drawable[]{gradientBackground, transparentFill});

// 4. 设置内层的内边距，值就是描边的宽度
int strokeWidth = 4; // 描边宽度，单位dp的话要转成px
layerDrawable.setLayerInset(1, strokeWidth, strokeWidth, strokeWidth, strokeWidth);

// 5. 给按钮设置背景
yourButton.setBackground(layerDrawable);

方案二：自定义Drawable直接绘制渐变描边 #

如果需要更灵活的控制（比如动态调整渐变方向、圆角大小），自定义Drawable是更好的选择。直接在onDraw方法里用渐变画笔绘制边框：

public class GradientStrokeDrawable extends Drawable {
    private final Paint strokePaint;
    private RectF strokeRect;
    private final int strokeWidth;
    private LinearGradient gradient;

    public GradientStrokeDrawable(int[] gradientColors, int strokeWidth, float cornerRadius) {
        this.strokeWidth = strokeWidth;
        strokePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        strokePaint.setStyle(Paint.Style.STROKE);
        strokePaint.setStrokeWidth(strokeWidth);
        strokePaint.setStrokeCap(Paint.Cap.ROUND); // 可选，让描边角更圆润
        // 初始化渐变
        gradient = new LinearGradient(0, 0, 0, 0, gradientColors, null, Shader.TileMode.CLAMP);
        strokePaint.setShader(gradient);
    }

    @Override
    protected void onBoundsChange(Rect bounds) {
        super.onBoundsChange(bounds);
        // 计算描边的绘制区域，避免笔画被裁剪
        strokeRect = new RectF(
            bounds.left + strokeWidth / 2f,
            bounds.top + strokeWidth / 2f,
            bounds.right - strokeWidth / 2f,
            bounds.bottom - strokeWidth / 2f
        );
        // 更新渐变的范围以匹配当前 bounds
        gradient = new LinearGradient(
            strokeRect.left, strokeRect.top,
            strokeRect.right, strokeRect.top,
            ((LinearGradient) strokePaint.getShader()).getColors(),
            null,
            Shader.TileMode.CLAMP
        );
        strokePaint.setShader(gradient);
    }

    @Override
    public void draw(@NonNull Canvas canvas) {
        // 绘制圆角矩形描边
        canvas.drawRoundRect(strokeRect, 8f, 8f, strokePaint);
    }

    @Override
    public void setAlpha(int alpha) {
        strokePaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {
        strokePaint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

使用这个自定义Drawable的方式很简单：

// 定义渐变颜色数组
int[] colors = {Color.parseColor("#FF0000"), Color.parseColor("#00FF00")};
// 实例化自定义Drawable（参数：渐变颜色、描边宽度、圆角半径）
GradientStrokeDrawable strokeDrawable = new GradientStrokeDrawable(colors, 4, 8f);
// 设置给按钮
yourButton.setBackground(strokeDrawable);

额外提示 #

• 如果需要支持不同的渐变方向（比如从上到下、径向渐变），只需要修改自定义Drawable里的渐变类型（把LinearGradient换成RadialGradient或SweepGradient即可）。
• 注意描边宽度如果用dp的话，记得先转换成像素值：int strokeWidthPx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 4, getResources().getDisplayMetrics());

内容的提问来源于stack exchange，提问作者Vivek Sasidharan