ProductPromotion
Logo

Kotlin

made by https://0x3d.site

GitHub - ehsunshine/colored-time-selector: A smart colored time selector. Users can select just free time with a handy colorful range selector.
A smart colored time selector. Users can select just free time with a handy colorful range selector. - ehsunshine/colored-time-selector
Visit Site

GitHub - ehsunshine/colored-time-selector: A smart colored time selector. Users can select just free time with a handy colorful range selector.

GitHub - ehsunshine/colored-time-selector: A smart colored time selector. Users can select just free time with a handy colorful range selector.

Download Android Arsenal GitHub license Build Status

Colored Time Range Selector

A smart colored time range selector. Users can select just free time with a handy colorful range selector.

Screen Shots

Features

  • Select a time range between 2 hours
  • Highlight available time range with your desire color
  • Select just free times in a range
  • Two different type of view, with Selector and without it

Use it

build.gradle

dependencies {
    implementation 'de.ehsun.coloredtimebar:coloredtimebar:1.0'
}

In your layout use the ColoredTimeBar as below:

<de.ehsun.coloredtimebar.TimelineView
            android:id="@+id/timelineView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:barColorAvailable="@color/available_time_default_color"
            app:barColorHighlight="@color/selector_default_color"
            app:barColorNotAvailable="@color/timeline_default_color"
            app:barWidth="16dp"
            app:fractionLineColor="@color/separatorDark"
            app:fractionLineLength="8dp"
            app:fractionLineWidth="1dp"
            app:fractionPrimaryTextColor="@color/fraction_default_color"
            app:fractionSecondaryTextColor="@color/fraction_default_color"
            app:fractionTextInterval="2"
            app:fractionTextSize="8sp"
            app:timeRange="07:00-19:00" />

In your code you can easily set the available time by passing an array of time range string as below:

timelineView.setAvailableTimeRange(listOf("07:00 - 10:15", "12:00 - 15:00"))

And to enable picker handles use it as below:

<de.ehsun.coloredtimebar.TimelinePickerView
                android:id="@+id/timelinePicker"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:barColorAvailable="@color/available_time_default_color"
                app:barColorHighlight="@color/selector_default_color"
                app:barColorNotAvailable="@color/timeline_default_color"
                app:barWidth="24dp"
                app:fractionLineColor="@color/separatorDark"
                app:fractionLineLength="8dp"
                app:fractionLineWidth="1dp"
                app:fractionPrimaryTextColor="@color/colorGrey900"
                app:fractionSecondaryTextColor="@color/colorBlueGrey500"
                app:fractionTextInterval="1"
                app:fractionTextSize="8sp"
                app:stepSize="15"
                app:timeRange="07:00-19:00" />
timelinePicker.setOnSelectedTimeRangeChangedListener { from, to ->
            selectedTimeTextView.text = getString(R.string.from_to, from.format(), to.format())
        }

Do you like it?

Use it and develop it as you like and buy me a cup of tea :)

More Resources
to explore the angular.

mail [email protected] to add your project or resources here 🔥.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here 🔍.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory