如何在 Jetpack compose 中创建有角的梯形

Question

我想在 Jetpack compose 中为我的应用程序创建一个类似于图像的有角梯形卡，但不知道如何实现这一点

我尝试使用自定义 Shape 类在 Jetpack Compose 中创建一个有角的梯形。我的目标是创建一个有角的梯形形状，并且任何有关正确方法或潜在解决方案的指导将不胜感激。

预先感谢您的协助！

Answer 1

您可以从互联网下载形状并提取其路径。

像 Figma 这样的应用程序也可以提供帮助；只需将形状放在 Figma 上，然后将其导出为

svg

即可。接下来，使用 VS Code 或记事本打开矢量绘图并找到

d

属性。

然后您可以创建一个实现

Shape

接口的类并传递路径数据来创建轮廓。

class Trapezoid :Shape{
    override fun createOutline(
        size: Size,
        layoutDirection: LayoutDirection,
        density: Density
    ): Outline {

}

有一个详细的博客介绍如何进行操作。