I want to make a Weekday Picker that will take all the space available to it according to the device
here is what I have done till now and I have no clue how I can make it adaptive plz give me ideas
how can i make it look better
<code> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5sp"
android:gravity="center"
android:layout_marginTop="5sp"
android:layout_marginBottom="5sp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="S"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="M"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="10sp"
android:paddingEnd="10sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="T"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="W"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="10sp"
android:paddingEnd="10sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="T"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="F"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="S"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
</LinearLayout>
</code>
<code> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5sp"
android:gravity="center"
android:layout_marginTop="5sp"
android:layout_marginBottom="5sp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="S"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="M"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="10sp"
android:paddingEnd="10sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="T"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="W"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="10sp"
android:paddingEnd="10sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="T"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="F"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="S"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
</LinearLayout>
</code>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5sp"
android:gravity="center"
android:layout_marginTop="5sp"
android:layout_marginBottom="5sp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="S"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="M"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="10sp"
android:paddingEnd="10sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="T"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="W"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="10sp"
android:paddingEnd="10sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="T"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="F"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/fab_1"
android:layout_marginEnd="3sp"
android:layout_marginStart="3sp"
android:text="S"
android:paddingTop="6sp"
android:paddingBottom="6sp"
android:paddingStart="12sp"
android:paddingEnd="12sp"
/>
</LinearLayout>
It looks like this
help!
It just goes out of screen if not enough width for now