在布局中创建自定义曲线，就像这个图像一样

Question

首先，原谅我，我的英语不好。 我想设计一个自定义的xml布局，如下所示：

我正在尝试创建顶部弯曲，但我不知道它是如何设计的！

这是我的输出：

和我的xml代码：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:top="100dp"
    android:bottom="10dp">

    <shape android:shape="rectangle">
        <stroke
            android:width="3dp"
            android:color="#000000" />
        <solid android:color="@android:color/background_light" />
        <corners
            android:bottomLeftRadius="0dp"
            android:bottomRightRadius="0dp"
            android:topLeftRadius="0dp"
            android:topRightRadius="0dp" />

    </shape>
</item>

我有另一个问题： 有一个网站可以在线设计这个设计吗？

Answer 1

对于形状xml，该形状是复杂的。

简易/快速解决方案：创建一个VectorDrawable或任何其他drawable并将其导入您的项目。

复杂/耗时的选项：您可以先玩贝塞尔曲线开始。由于曲线是对称的，因此您可以先处理图像的一半，然后镜像前半部分的曲线。 关于如何使用贝塞尔曲线有很多例子，但这将耗费时间，你需要理解这个概念，并继续测试以达到你想要的效果。

最好的方法是拥有一个 VectorDrawable ：快速获得结果，干净的方法，无需编写单行代码:)