この画像のようなレイアウトでカスタムカーブを作成する

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のために複雑になります。

Easy/Fastソリューション： VectorDrawableまたはその他のドロワブルを作成し、プロジェクトにインポートします。

複雑/時間のかかるオプション：ベジエ曲線で再生することで開始できます。カーブは対称であるため、最初に画像の半分を処理してから、前半に行ったカーブをミラーリングすることができます。 ベジェ曲線の操作方法には多くの例がありますが、時間がかかり、概念を理解し、必要なものを達成するためにテストを続ける必要があります。

最善のアプローチは、VectorDrawableを持つことです：？速い結果、クリーンなアプローチ、一行のコードを記述する必要はありません:)