Amazing Dynamic Time UI 🕥 ⌛ for Android To help you design your Layout.
it is Not just a UI, But it contains a CountDownTimer with pause()
and resume()
methods 😉 .
minSdkVersion=11
Library Size ~ 13 Kb.
note: this Library doesn't use any drawable file (png, jpge ...), it just uses Path class to draw canvas.
add this line to build.gradle
dependencies {
compile 'com.github.anastr:flattimelib:1.0.3'
}
for maven
<dependency>
<groupId>com.github.anastr</groupId>
<artifactId>flattimelib</artifactId>
<version>1.0.3</version>
<type>pom</type>
</dependency>
Clock View with Dynamic colors, themes, and time -see correct time in preview-.
The time can be adjusted By using setTime()
method.
And You can change the color of everything as well.
in layout
<com.github.anastr.flattimelib.FlatClockView
android:id="@+id/mFlatClock"
android:layout_width="150dp"
android:layout_height="150dp"
app:hourIndicatorColor="#ef2f2f" />
control in your code
// you can change Theme in your code By this simple line :
// enum values (Themes.DefaultTheme, Themes.LightTheme, Themes.DarkTheme)
mFlatClock.setTheme(Themes.DarkTheme);
// set your custom time (hh:mm:ss)
mFlatClock.setTime(5, 30, 0);
mFlatClock.setTime("1:00:40");
// Listener to be called every second
mFlatClock.setOnClockTick(new OnClockTick() {
@Override
public void onTick() {
// TODO do something evry second.
}
});
/*
* and also see setHourIndicatorColor(), getSecIndicatorColor(), getBigMarkColor(), setWithBackground() .......
**/
minIndicatorColor=""
hourIndicatorColor=""
secIndicatorColor=""
bigMarkColor=""
smallMarkColor=""
backgroundCircleColor=""
time="11:30:00"
withBackground="true"
it is UI CountDownTimer with pause()
and resume()
methods, also with Success and Failure Animations.
You can change the color of everything.
add view to layout
<com.github.anastr.flattimelib.CountDownTimerView
android:id="@+id/mCountDownTimer"
android:layout_width="150dp"
android:layout_height="150dp" />
control in your code
// to start CountDownTimer "time in millisecond"
mCountDownTimer.start(11000);
// to pause CountDownTimer
mCountDownTimer.pause();
// Resumes a paused CountDownTimer
mCountDownTimer.resume();
// Success
mCountDownTimer.success();
// Failure
mCountDownTimer.failure();
// on time finish
mCountDownTimer.setOnTimeFinish(new OnTimeFinish() {
@Override
public void onFinish() {
Toast.makeText(getApplicationContext(), "finish", Toast.LENGTH_SHORT).show();
}
});
// on (success, failed) animation finish
mCountDownTimer.setOnEndAnimationFinish(new OnTimeFinish() {
@Override
public void onFinish() {
// ---
}
});
indicatorColor=""
remainingTimeColor=""
strokeColor=""
elapsedTimeColor=""
strokeWidth="10"
it is special UI CountDownTimer with flip()
method.
add view to layout
<!-- do not change layout_height
it should always be "wrap_content" -->
<com.github.anastr.flattimelib.HourGlassView
android:id="@+id/mHourGlass"
android:layout_width="160dp"
android:layout_height="wrap_content" />
control in your code
// to start CountDownTimer "time in millisecond"
mHourGlass.start(11000);
// to flip HourGlass.
mHourGlass.flip();
// on time finish
mHourGlass.setOnTimeFinish(new OnTimeFinish() {
@Override
public void onFinish() {
Toast.makeText(getApplicationContext(), "finished", Toast.LENGTH_SHORT).show();
}
});
hourGlassColor=""
sandColor=""
Copyright 2016 Anas ALtair
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.