android - 使用代码重新创建 xml 文件中的形状并以编程方式设置宽度

Question

我已经有了形状代码，现在我需要以编程方式绘制相同的形状并根据数组中文本的长度设置其宽度。我无法使用路径数据重现相同的内容。

这是代码：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="2778"
    android:viewportHeight="1250"
    android:width="250.0002dp"
    android:height="112.5dp">
    <path
        android:pathData="M2764 1250L0 1250 0 0l2256 0 4 4 513 468 4 4 0 774 -14 0 0 0zm-2737 -27l2723 0 0 -736L2245 26 27 26 27 1222Z"
        android:fillColor="#FF6E00" />
</vector>

输出形状应该是这样

请帮我解决这个问题..

Answer 1

方法1：通过创建自定义形状：

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.drawable.shapes.Shape;

public class RectangleCutCorner extends Shape {
    private int backgroundColor  = Color.BLACK;
    private float strokeWidth = 1.0f;
    private static final float CORNER = 35.0f;

    private final Paint border = new Paint();
    private final Path  path;

    public RectangleCutCorner() {
        path = new Path();
        border.setColor(backgroundColor);
        border.setStyle(Paint.Style.FILL);
        border.setStrokeWidth(strokeWidth);
        border.setAntiAlias(true);
        border.setDither(true);
        border.setStrokeJoin(Paint.Join.ROUND);
        border.setStrokeCap(Paint.Cap.ROUND);
    }

    //for setting stroke width programmatically
    public void setStrokeWidthToLayout(float strokeWidth){
        this.strokeWidth = strokeWidth;
        border.setStrokeWidth(strokeWidth);
    }

    //for setting background/stroke color programmatically
    public void setBackgroundColor(int backgroundColor){
        this.backgroundColor = backgroundColor;
        border.setColor(backgroundColor);
    }

    //for setting background filled or not programmatically
    public void setBackgroundFill(boolean isFilled){
      if(isFilled){
          border.setStyle(Paint.Style.FILL);
      }else{
          border.setStyle(Paint.Style.STROKE);
      }
    }

    @Override
    protected void onResize(float width, float height) {
        super.onResize(width, height);

        float dx = strokeWidth/2.0f;
        float dy = strokeWidth/2.0f;
        float x  = dx;
        float y  = dy;
        float w  = width  - dx;
        float h  = height - dy;
        path.reset();
        path.moveTo(x + CORNER,y);
        path.lineTo(w - CORNER,y);
        path.lineTo(w,y + CORNER);
        path.lineTo(w, h);
        path.lineTo(x + CORNER,h);
        path.lineTo(dx,h);
        path.lineTo(dx,y);
        path.close();
    }
    
    @Override
    public void draw(Canvas canvas, Paint paint) {
        // TODO Auto-generated method stub
        canvas.drawPath(path,border);
    }
}

如何以编程方式使用它：

    RectangleCutCorner rectangleCutCorner = new RectangleCutCorner();
    // set color
    rectangleCutCorner.setBackgroundColor(R.color.black);
    //set fill background (true/false)
    rectangleCutCorner.setBackgroundFill(false);
    // set stroke width
    rectangleCutCorner.setStrokeWidthToLayout(2.5f);
    // set background to view
    view.setBackground(new ShapeDrawable(rectangleCutCorner));

上述代码的输出是：

方法2：使用Material Shape Drawable：

将此依赖项添加到 build.gradle(app) 文件中：

implementation 'com.google.android.material:material:1.3.0'

如何使用：

    ShapeAppearanceModel shapeAppearanceModel = new ShapeAppearanceModel()
            .toBuilder()
            .setTopRightCorner(CornerFamily.CUT, 20)
            .build();
    MaterialShapeDrawable shapeDrawable = new MaterialShapeDrawable(shapeAppearanceModel);
    int[][] states = new int[][] {
            new int[] { android.R.attr.state_enabled},
    };
    int[] colors = new int[] {
            Color.WHITE,
    };
    ColorStateList myList = new ColorStateList(states, colors);
    // set background to drawable
    shapeDrawable.setFillColor(myList);
    // set stroke and to view
    shapeDrawable.setStroke(1.5f, Color.BLACK);
    // set background to view
    ViewCompat.setBackground(tvUrl, shapeDrawable);

上述代码的输出是：