Easy-to-use animated clock icon for Android

Overview

Timecon

License

Easy-to-use animated clock icon written in Kotlin

Including in your project

Add to your root build.gradle:

allprojects {
	repositories {
	    // ...
	    maven { url "https://jitpack.io" }
	}
}

Add the dependency:

dependencies {
    implementation 'com.github.alxrm:animated-clock-icon:1.0.2'
}

Usage

ClockDrawable

You can use it as a Drawable, and insert into any ImageView, with beautiful fluent API like this:

final ImageView clocks = (ImageView) findViewById(R.id.clocks); // some ImageView
final ClockDrawable clockDrawable = ClockDrawable.builder(this)
    .hours(4)                                                   // initial time hours
    .minutes(20)                                                // initial time minutes
    .withSpeed(-2.5F)                                           // set indeterminate animation minutes pointer speed (1F by default)
    .withColor(Color.WHITE)                                     // set icon color
    .withFrameWidth(Stroke.REGULAR)                             // set frame width
    .withPointerWidth(Stroke.THIN)                              // set pointer width
    .withDuration(600L)                                         // set animation duration in millis (600L by default)
    .withInterpolator(new DecelerateInterpolator())             // set animation interpolator (default is OverShootInterpolator)
    .withListener(new AnimatorListenerAdapter() {/*...*/})      // set animation listener
    .into(clocks);                                              // attach the Drawable you built to ImageView and returns Drawable
 // .build();                                                      or you can just use build() to simply get Drawable   

All of these methods can be ignored, so the drawable will be created with it's default state

ClockImageView

There is an ImageView wrapper that simply draws the icon and provides an API to work with it. You can use it in any layout.

Customization is also available through xml attributes:

	<rm.com.clocks.ClockImageView
		android:id="@+id/clocks"
		android:layout_width="56dp"
		android:layout_height="56dp"
		android:layout_centerInParent="true"
		app:hours="16"
		app:minutes="20"
		app:timeSetDuration="400"
		app:clockColor="#BBFFFFFF"
		app:indeterminateSpeed="2"
		app:pointerWidth="thin"
		app:frameWidth="regular"
		/>

API

To set hours and minutes on the clocks without animation:

Clock.setHours(int hours)
Clock.setMinutes(int minutes)

To change time with animation:

Clock.animateToTime(int hours, int minutes)

To make it spinning endlessly:

Clock.animateIndeterminate()

Use stop() to interrupt this indeterminate animation

If you want it to "tick" endlessly, set indeterminateSpeed to 0.001F

Or if you want it to show a rewind like animation, set negative indeterminateSpeed

Contribution

I'd like to improve this, so feel free to suggest your ideas about it in the issues, or, if you found a bug and you have some free time to fix it, writing a few lines of code in Kotlin, feel free to send me PRs.

License

MIT License

Copyright (c) 2016 Alexey Derbyshev

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
You might also like...
An calender widget for your Android home screen.
An calender widget for your Android home screen.

Todo Agenda - Calendar and Task widgets for Android Todo Agenda is home screen widgets for your Android device. Each widget has its own settings and d

Android time range picker

TimeRangePicker TimeRangePicker is a library which can be used to select a time range. WARNING Requires android-support-v4 Description This library pr

Android calendar view inspired by Sunrise calendar and iOS7 stock calendar
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

An alternative DatePicker for Android

Copyright (C) 2011 Daniel Berndt - Codeus Ltd - DateSlider 1.1 Licensed under the Apache License, Version 2.0 (the "License"); you may not use this

an android open source timer
an android open source timer

TimerView ENGLISH README 重要的事情 由于使用了MaskFilter,辉光效果必须[关闭硬件加速](http://blog.chenming.info/blog/2012/09/18/android-hardware-accel/)!! 由于使用了MakskFilter,辉光

FlipTimerView library for Android
FlipTimerView library for Android

FlipTimerView Preview FlipTimerView library for Android Getting started Add it in your root build.gradle at the end of repositories: allprojects { re

[NO LONGER MAINTAINED] Android library for better Picker DialogFragments
[NO LONGER MAINTAINED] Android library for better Picker DialogFragments

/!\ This Project is no longer maintained /!\ DialogFragments modeled after the AOSP Clock and Calendar apps to improve UX for picking time, date, numb

an android open source timer
an android open source timer

TimerView ENGLISH README 重要的事情 由于使用了MaskFilter,辉光效果必须[关闭硬件加速](http://blog.chenming.info/blog/2012/09/18/android-hardware-accel/)!! 由于使用了MakskFilter,辉光

A material-styled android view that provisions picking of a date, time & recurrence option, all from a single user-interface.
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

Comments
  • Love this clock!

    Love this clock!

    Definitely using it in my next project but I'd love to have an optional seconds hand and an animateToTime method that takes a SimpleDateFormat string.

    opened by soulreveille 2
Releases(1.0.2)
  • 1.0.2(Nov 16, 2016)

Owner
Alexey Derbyshev
Alexey Derbyshev
Appleader707 1 Aug 9, 2022
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

Raquib-ul Alam (Kanak) 3.4k Jan 3, 2023
A Material design back port of Android's CalendarView

Material Calendar View A Material design back port of Android's CalendarView. The goal is to have a Material look and feel, rather than 100% parity wi

Prolific Interactive 5.8k Jan 5, 2023
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
Pick a date or time on Android in style

Material DateTime Picker - Select a time/date in style Material DateTime Picker tries to offer you the date and time pickers as shown in the Material

null 4.7k Jan 4, 2023
[NO LONGER MAINTAINED] Android library for better Picker DialogFragments

/!\ This Project is no longer maintained /!\ DialogFragments modeled after the AOSP Clock and Calendar apps to improve UX for picking time, date, numb

Code-Troopers 2.7k Dec 29, 2022
A better calendar for Android

Caldroid Caldroid is a fragment that display calendar with dates in a month. Caldroid can be used as embedded fragment, or as dialog fragment. User ca

Roomorama 1.4k Jan 5, 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 Dec 9, 2022
Wheel-like spinner widget for Android

Update Dec 2016 Library is discontinued There's still a lot of wheel libraries out there. Update Oct 2014 I am thinking of rewriting this control. Upd

Dimitri Fedorov 641 Jan 2, 2023
Android calendar view (like card)

android-calendar-card (Google Play Demo) Android calendar view (like card) Simple and easy to modify Author: Michał Szwarc #CalendarCardPager License

Michał Szwarc 473 Nov 10, 2022