使用代码重新创建 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>

Output shape should be this

请帮帮我..

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

以上代码的输出是：

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

Recreate shape as in xml file by using code and set width programmatically

android

android-studio

android-shape

android-shapedrawable