我如何使用 shape drawable 在 android 中制作这个形状答案

【问题标题】：How can i make this shape in android using shape drawable我如何使用 shape drawable 在 android 中制作这个形状
【发布时间】：2019-11-04 05:21:28
【问题描述】：

我想在我的 android 项目中制作这个形状。如何使用 shape 制作这个形状？

【问题讨论】：

您可以创建自定义布局/视图并覆盖它的 onDraw 方法，而不是 shape drawable。在那使用油漆和路径来绘制你需要的任何东西。
查看answer
对于这种形式，通常使用 9-patch drawables

标签： android android-drawable shapes

【解决方案1】：

像这样创建一个自定义可绘制类

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PixelFormat;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

public class ArrowDrawable extends Drawable {
    private Rect mBounds;
    private Paint mDrawPaint;

    public ArrowDrawable() {
        mDrawPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
        mDrawPaint.setColor(Color.BLUE);
    }

    @Override
    public void draw(@NonNull Canvas canvas) {
        mBounds=getBounds();
        Path path=new Path();
        path.moveTo(mBounds.left,mBounds.bottom/2);
        path.lineTo(mBounds.right/8,mBounds.top);
        path.lineTo(mBounds.right,mBounds.top);
        path.lineTo(mBounds.right,mBounds.bottom);
        path.lineTo(mBounds.right/8,mBounds.bottom);
        path.lineTo(mBounds.left,mBounds.bottom/2);
        canvas.drawPath(path,mDrawPaint);
    }

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

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

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

将Drawable 设置为TextView

ArrowDrawable arrowDrawable=new ArrowDrawable();
textView.setBackground(arrowDrawable);

【讨论】：

【解决方案2】：

试试这个方法

你使用MaterialButton实现它

<com.google.android.material.button.MaterialButton
        style="@style/Widget.MaterialComponents.Button.Icon"
        android:text="Nilesh rathod"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:layout_height="wrap_content"
        app:shapeAppearanceOverlay="@style/CustomShapeAppearanceOverlay.Button"/>

现在在您的styles.xml 中创建CustomShapeAppearanceOverlay.Button

    <style name="CustomShapeAppearanceOverlay.Button" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSizeTopLeft">18dp</item>
    <item name="cornerSizeBottomLeft">18dp</item>
    <item name="cornerFamilyTopLeft">cut</item>
    <item name="cornerFamilyBottomLeft">cut</item>
    <item name="cornerSizeTopRight">0dp</item>
    <item name="cornerSizeBottomRight">0dp</item>
</style>

确保您已添加 dependencies 的 material 库

implementation 'com.google.android.material:material:1.1.0-alpha10'

输出

【讨论】：

【解决方案3】：

你可以试试这个：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle">
            <size
                android:width="100dp"
                android:height="40dp" />
            <solid android:color="#FAD55C" />
        </shape>
    </item>
    <item
        android:top="-40dp"
        android:bottom="60dp"
        android:start="-24dp">
        <rotate
            android:fromDegrees="315">
            <shape android:shape="rectangle">
                <solid android:color="#FFF" />
            </shape>
        </rotate>
    </item>

    <item
        android:top="60dp"
        android:bottom="-40dp"
        android:start="-24dp">
        <rotate
            android:fromDegrees="-315">
            <shape android:shape="rectangle">
                <solid android:color="#FFF" />
            </shape>
        </rotate>
    </item>
</layer-list>

【讨论】：