Week Day Selector

areadmer.md

Crear un selector de dias, de forma circular

Añadir en ele directorio drawable weekday_selector_text.xml y weekday_selector_bg.xml

En styles.xml definir el estilo

<style name="WeekDaySelector" parent="AppTheme.DayNight">
    <item name="android:textColor">@drawable/weekday_selector_text</item>
    <item name="android:background">@drawable/weekday_selector_bg</item>
</style>

Crear un elemento circular

<ToggleButton
    android:id="@+id/toogleDayL"
    style="@style/WeekDaySelector"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:layout_marginLeft="3dp"
    android:layout_marginRight="3dp"
    android:textOff="L"
    android:textOn="L" />

layout.xml

<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="48dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="48dp"
        android:orientation="horizontal"
        android:layout_gravity="center">

        <ToggleButton
            android:id="@+id/toogleDayL"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:textOff="L"
            android:textOn="L" />

        <ToggleButton
            android:id="@+id/toogleDayM"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:textOff="M"
            android:textOn="M" />

        <ToggleButton
            android:id="@+id/toogleDayX"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:textOff="X"
            android:textOn="X" />

        <ToggleButton
            android:id="@+id/toogleDayJ"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:textOff="J"
            android:textOn="J" />

        <ToggleButton
            android:id="@+id/toogleDayV"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:textOff="V"
            android:textOn="V" />

        <ToggleButton
            android:id="@+id/toogleDayS"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:background="@drawable/weekday_selector_bg"
            android:textOff="S"
            android:textOn="S" />

        <ToggleButton
            android:id="@+id/toogleDayD"
            style="@style/WeekDaySelector"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:textOff="D"
            android:textOn="D" />
    </LinearLayout>
</HorizontalScrollView>

styles.xml

<style name="WeekDaySelector" parent="AppTheme.DayNight">
    <item name="android:textColor">@drawable/weekday_selector_text</item>
    <item name="android:background">@drawable/weekday_selector_bg</item>
</style>

weekday_selelector_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false">

        <shape android:shape="oval">
            <solid android:color="?android:colorButtonNormal" />
            <!--<stroke android:width="1dp" android:color="@color/secondaryColor" />-->
            <size android:width="24dp" android:height="24dp" />
        </shape>

    </item>
    <item android:state_checked="true">

        <shape android:shape="oval">
            <solid android:color="@color/secondaryColor" />
            <size android:width="24dp" android:height="24dp" />
        </shape>
    </item>
</selector>

weekday_selelector_text.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@android:color/white" android:state_checked="true" />
    <item android:color="?android:textColorPrimary" android:state_checked="false" />
</selector>