A custom clock view with a circular slider.

Overview

Read this in other languages: English, 中文.

ClockSlider

A custom clock view with a circular slider.

Supported Android Versions

  • Android 4.0 Jelly Bean(API level 16) or higher.

Gradle

allprojects {
    repositories {
    ...
    
    maven { url 'https://jitpack.io' }
    }
}
dependencies {
    implementation 'com.github.a1573595:ClockSlider:1.0.0'
}

Usage

Define ClockSlider on your xml.

">
<com.a1573595.clockslider.ClockSlider
    android:id="@+id/clockSlider"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cc_endHour="7"
    app:cc_fillColor="?attr/colorPrimary"
    app:cc_startHour="10"
    app:cc_tickTextColor="?android:attr/textColorPrimary"
    app:cc_startIconResource="@drawable/ic_moon"
    app:cc_endIconResource="@drawable/ic_sun" />

Set listener.

binding.clockSlider.setOnTimeChangedListener(object : ClockSlider.OnTimeChangedListener {
    override fun onStartChanged(hour: Int, minute: Int) {
        ...
    }

    override fun onEndChanged(hour: Int, minute: Int) {
        ...
    }
})

Reference

HGCircularSlider

CircleAlarmTimerView

speedometer

You might also like...
An Android custom view to display digits rendered as dots in a grid, with a style like a 1970s LED clock.
An Android custom view to display digits rendered as dots in a grid, with a style like a 1970s LED clock.

#DotMatrixView This is an Android library project providing a custom view that can display things on a grid of dots. When the displayed value changes,

Custom view for circular images in Android while maintaining the best draw performance
Custom view for circular images in Android while maintaining the best draw performance

CircularImageView Custom view for circular images in Android while maintaining the best draw performance Usage To make a circular ImageView, add this

Custom view for circular images in Android while maintaining the best draw performance
Custom view for circular images in Android while maintaining the best draw performance

CircularImageView Custom view for circular images in Android while maintaining the best draw performance Usage To make a circular ImageView, add this

Custom circular SeekBar (Circle, Semi-circle, and Ellipse) View/Widget for Android
Custom circular SeekBar (Circle, Semi-circle, and Ellipse) View/Widget for Android

CircularSeekBar Android CircularSeekBar Custom View/Widget This is a custom circular SeekBar. It can be used to create SeekBars that are: -Full Circle

Simple custom Android View providing a Circular spin to SeekBars
Simple custom Android View providing a Circular spin to SeekBars

CircularSeekBar This is a simple Seek Bar, in the shape of a circle, responsive to the speed of the spin: the faster you spin the control, the faster

Custom & highly configurable seek slider with sliding intervals, disabled state and every possible setting to tackle!
Custom & highly configurable seek slider with sliding intervals, disabled state and every possible setting to tackle!

LabeledSeekSlider Custom & highly configurable seek slider with sliding intervals, disabled state and every possible setting to tackle! Minimum target

A full options clock view
A full options clock view

Clock View Full options Clock view. You are now able to create and design your own clock view with changing just attributes. Over 20 attributes are av

Android Week View is an android library to display calendars (week view or day view) within the app. It supports custom styling.
Android Week View is an android library to display calendars (week view or day view) within the app. It supports custom styling.

Android Week View Android Week View is an android library to display calendars (week view or day view) within the app. It supports custom styling. Fea

Android Week View is an android library to display calendars (week view or day view) within the app. It supports custom styling.
Android Week View is an android library to display calendars (week view or day view) within the app. It supports custom styling.

Android Week View Android Week View is an android library to display calendars (week view or day view) within the app. It supports custom styling. Fea

A circular android ProgressBar library which extends View,  and the usage same as ProgressBar,  It has solid,line and solid_line three styles. Besides, progress value can be freely customized.
A circular android ProgressBar library which extends View, and the usage same as ProgressBar, It has solid,line and solid_line three styles. Besides, progress value can be freely customized.

CircleProgressBar 中文版文档 The CircleProgressBar extends View, It has both solid and line two styles. Besides, progress value can be freely customized. I

Circular SeekBar view for Android
Circular SeekBar view for Android

SeekArc What is a SeekArc? So what the heck is a SeekArc? Essentially it’s a SeekBar that has been wrapped around a circle. It acts like a SeekBar and

Pop animation with circular dust effect for any view updation

Popview-Android Pop animation with circular dust effect for any view updation Getting Started In your build.gradle dependencies { compile 'rb.popv

A lightweight circular indicator view library for Android
A lightweight circular indicator view library for Android

A lightweight circular indicator view library for Android

An amazing and convenient Android image slider.

Android Image Slider ![Gitter](https://badges.gitter.im/Join Chat.svg) This is an amazing image slider for the Android platform. I decided to open sou

🎨 A color picker for Android. Pick a color using color wheel and slider (HSV & alpha).
🎨 A color picker for Android. Pick a color using color wheel and slider (HSV & alpha).

ColorPicker English | 中文 A ColorPicker for Android. Pick a color using color wheel and slider (HSV & alpha). Gradle dependencies { implementation

Android library that allows applications to add dialog-based slider widgets to their settings
Android library that allows applications to add dialog-based slider widgets to their settings

Android Slider Preference Library Overview Slider represents a float between 0.0 and 1.0 Access with SliderPreference.getValue() or SharedPreferences.

This is an Image slider with swipes, Here we used Volley to Image load URL's from JSON! Here we make it very easy way to load images from Internet and We customized the description font style(OpenSans).

ImageSliderWithSwipes This is an Image slider with swipes, Here we used Volley to load URL's from JSON! Here we make it very easy way to load images f

Flexible Step Range Slider With Kotlin
Flexible Step Range Slider With Kotlin

What is FlexibleStepRangeSlider We use RangeSlider in Material Components for range filter as below But it has fixed step size so we have to render ev

Automatic Slider with jetPack Compose
Automatic Slider with jetPack Compose

Automatic Slider with jetPack Compose

Releases(v1.0.0)
Owner
Chien
嗨! 我是Chien,喜歡接觸新事物的Android developer,喜歡在網路上尋找新技術與靈感,培養設計美感與更好的使用者體驗,對程式有潔癖,注重程式的可讀性與品質,並享受這過程帶來的成就感。
Chien
Android NTP time library. Get the true current time impervious to device clock time changes

TrueTime for Android Make sure to check out our counterpart too: TrueTime, an NTP library for Swift. NTP client for Android. Calculate the date and ti

Instacart 1.3k Jan 4, 2023
Combination of a beautiful clock with widget, alarm, stopwatch & timer, no ads

Simple Clock The app has multiple functions related to timing. At the clock you can enable displaying times from other timezones, or use the simple, b

Simple Mobile Tools 462 Dec 28, 2022
Clock of Clocks written in Jetpack Compose framework

A Clock of Clocks made with Jetpack Compose You can download the APK Here. This project is inspired by A Clock of Clocks. Other Implementations This p

Adib Faramarzi 40 Nov 1, 2022
A simple library which gives you custom design CalendarView with dialog functionality and event handlers.

CalendarView A simple library which gives you custom design CalendarView with dialog functionality and event handlers. 1: CalendarView Demo Screen 1.1

Shahzad Afridi (Opriday) 49 Oct 28, 2022
Standalone Android widget for picking a single date from a calendar view.

TimesSquare for Android Standalone Android widget for picking a single date from a calendar view. Usage Include CalendarPickerView in your layout XML.

Square 4.4k Dec 20, 2022
Android calendar view inspired by Sunrise calendar and iOS7 stock calendar

SilkCal Android calendar view inspired by Sunrise calendar and iOS7 stock calendar. Usage Add compile 'me.nlmartian.silkcal:library:0.1.1' to your dep

JunGuan Zhu 385 Nov 25, 2022
A material-styled android view that provisions picking of a date, time & recurrence option, all from a single user-interface.

SublimePicker A customizable view that provisions picking of a date, time & recurrence option, all from a single user-interface. You can also view 'Su

Vikram 2.3k Jan 4, 2023
An android library which provides a compact calendar view much like the one used in google calenders.

CompactCalendarView CompactCalendarView is a simple calendar view which provides scrolling between months. It's based on Java's Date and Calendar clas

SundeepK 1.5k Jan 7, 2023
Slider-Gallery-Zoom: image slider for android supporting indicator and auto scroll with clicking on image

image slider supporting indicator and auto scroll with clicking on image to open full screen image slider swipe and pinch zoom gestures like gallery,just pass your images and the position of the current image.

Mahmoud Elian 3 May 28, 2022
Circular Slider UI Control for Android

Circular Slider What is this? Circular Slider is a custom-built Android View used for choosing numbers. It works similarly to the regular slider contr

Milos Marinkovic 309 Dec 7, 2022