oli107 / material-range-bar

Android widget for selecting a range of values.
Apache License 2.0
1.68k stars 370 forks source link

Feature/tick label #161

Closed idan-an closed 5 years ago

idan-an commented 5 years ago

Hi,

I added optional tick labels (top/bottom) You can set the label: color selected color (if thumb is covering the tick( text (from array res) default text (if more ticks then array elements) (def is "")

Updated the sample app to reflect those additions

idan-an commented 5 years ago

Video of Sample

krazykira commented 5 years ago

@idan-an Hey so i was playing around with MaterialRangebar and found a problem with selected tick labels. it seems if the number of ticks is more than 10 then there are multiple selected labels for single selector. Can you please take a look and provide a fix.

Screenshot_1556031176

xml:

 <com.appyvet.materialrangebar.RangeBar
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/rangebar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="40dp"
        android:layout_marginEnd="40dp"
        app:mrb_pinMaxFont="15sp"
        app:mrb_pinMinFont="12sp"
        app:mrb_rangeBarPaddingBottom="30dp"
        app:mrb_selectorBoundaryColor="@color/accent"
        app:mrb_selectorBoundarySize="2dp"
        app:mrb_pinTextColor="@color/white"
        app:mrb_temporaryPins="true"
        app:mrb_selectorSize="10dp"
        app:mrb_tickLabelColor="@color/indigo500"
        app:mrb_tickLabelSelectedColor="@color/accent"
        app:mrb_tickBottomLabels="@array/ticks_labels"
        app:mrb_tickTopLabels="@array/ticks_labels"
        app:mrb_tickDefaultLabel="l"
        app:mrb_tickLabelSize="4sp"
        app:mrb_tickEnd="10"
        app:mrb_tickInterval="1"
        app:mrb_tickStart="1"
        app:mrb_tickHeight="4dp"
        app:mrb_pinRadius="14dp"
        app:mrb_rangeBar_rounded="true"
        app:mrb_connectingLineColors="@array/connecting_colors"
        app:mrb_rangeBar="true"
        app:mrb_pinColor="#6c3f6a"/>