このデザインはどのように入手できますか？

Question

私はこのデザインを実現しようとしています。しかし、強調表示された部分にはまった。私はどのように強調表示された部分を作成することができません。

私が作成できるもの。 画像のハイライト部分のみをチェックしてください。私はボタンに沿ってデザインのようなラウンドカーブをデザインすることはできません。

コード：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView > 

    <android.support.constraint.ConstraintLayout> 

     <android.support.constraint.ConstraintLayout 
      android:id="@+id/card_view"> 

      </android.support.constraint.ConstraintLayout> 


     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fabDone" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center|bottom" 
      android:layout_marginEnd="8dp" 
      android:layout_marginStart="8dp" 
      android:layout_marginTop="8dp" 
      android:clickable="true" 
      app:fabSize="normal" 
      app:layout_constraintEnd_toEndOf="parent" 
      app:layout_constraintStart_toStartOf="parent" 
      app:layout_constraintTop_toBottomOf="@+id/card_view" 
      app:srcCompat="@drawable/ic_action_plus" /> 

    </android.support.constraint.ConstraintLayout> 

</android.support.v7.widget.CardView> 

Answer 1

あなたが望むようにそのまったく同じこのレイアウトを試してみてください。

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="8dp" 
    android:background="#DDDDDD" 
    android:orientation="vertical"> 

    <android.support.v7.widget.CardView 
     android:id="@+id/cv1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:cardCornerRadius="4dp" 
     app:cardElevation="1dp" 
     app:cardUseCompatPadding="true"> 

     <ScrollView 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      app:layout_constraintEnd_toEndOf="parent" 
      app:layout_constraintStart_toStartOf="parent"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="vertical"> 

       <TextView 
        android:id="@+id/memberPlanId" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Not Selected" /> 

       <Switch 
        android:id="@+id/partToggle" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:checked="true" 
        android:text="Part Amount" /> 

      </LinearLayout> 
     </ScrollView> 
    </android.support.v7.widget.CardView> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fabDone" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/save_black_24dp" 
     app:layout_anchor="@+id/cv1" 
     app:elevation="1dp" 
     app:backgroundTint="@color/white" 
     app:layout_anchorGravity="center|bottom" /> 
</android.support.design.widget.CoordinatorLayout> 

ノート・人々は私の質問をd​​ownvotingなぜ誰もが説明できるサークル色の背景

出力