Hi, I would like to do this: 
And my decision
this corner set for linearlayout: hood / draw _arc_corner_shape
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <solid android:color="@color/bg_trip_tab_view" > </solid> <padding android:left="0dp" android:top="5dp" android:right="0dp" android:bottom="5dp" > </padding> <corners android:radius="11dp" > </corners>
This circle surrounds the parts: hood / draw _circle_shape
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" android:useLevel="false" > <solid android:color="@color/bg_my_trip_tab_view" /> <size android:height="10dp" android:width="10dp" /> </shape>
this hatch line: drawable / draw_dash_line_shape
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line" > <stroke android:dashGap="3dp" android:dashWidth="2dp" android:width="1dp" android:color="@color/bg_my_trip_tab_view" /> </shape>
and create a view (separator) with a circle (semicircle) at the beginning and end and a dash between: layout / separator
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:gravity="center_vertical" android:layout_alignParentBottom="true"> <View android:layout_width="20dp" android:layout_height="20dp" android:layout_marginLeft="-10dp" android:background="@drawable/draw_circle_shape" /> <View android:layout_width="0dp" android:layout_height="5dp" android:background="@drawable/draw_dash_line_shape" android:layerType="software" android:layout_weight="1" android:paddingRight="15dp" /> <View android:layout_width="20dp" android:layout_height="20dp" android:layout_marginRight="-10dp" android:background="@drawable/draw_circle_shape" /> </LinearLayout>
and here I use it: layout / main_screen
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@color/bg_my_trip_tab_view" > <LinearLayout android:id="@+id/linearLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="10dp" android:layout_marginBottom="10dp" android:background="@drawable/draw_arc_corner_shape" > <include android:layout_marginTop="@dimen/grid_20" android:layout_width="match_parent" android:layout_height="wrap_content" layout="@layout/separator" /> </LinearLayout>
and this is my result: 
And my question is: How to remove a border with a shadow? And how can I do it better?
source share