Сложность в создании пользовательской фигуры с векторной графикой

Question

Привет, я занимаюсь разработкой приложения, в котором я создаю собственную форму, используя векторную графику, но почему-то моя форма не выглядит так, как вы ожидаете, как вы можете видеть на изображениях ниже. Пожалуйста, я не так хорошо разбираюсь с векторной графикой, чтобы я признателен за любую помощь спасибо

Вот мой текущий результат

и вот мой ожидаемый результат

мой вектор, нарисованный xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="248dp"
    android:height="148dp"
    android:viewportHeight="12"
    android:viewportWidth="12">

    <path
        android:fillColor="#FFFFFF"
        android:pathData="M 0,0 L 0,8 C 1,12 5,12 8,12 C 10,12 12,11 15,1 L 12,0 0,0"
        android:strokeWidth="0.1"/>

</vector>

Answer 1

попробуйте это.

curve.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="248dp"
    android:height="148dp"
    android:viewportHeight="12"
    android:viewportWidth="12">
    <path
        android:fillColor="#2B3147"
        android:pathData="M 0,0 L 0,12 Q6,5 12,12 L 12,0 0,0"
        android:strokeWidth="0.1" />
</vector>

login.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/curve"
        android:gravity="center_horizontal"
        android:padding="10dp"
        android:text="Or Login"
        android:textColor="#fff"
        android:textSize="22sp"
        android:textStyle="bold" />

</RelativeLayout>

Выход:

Счастливое кодирование ..