CountTimeProgressView - An Android library that provides a count time circular progress view effect.

Sample

## Usage

For a working implementation of this project see the app/ folder.

Step 1

Include the library as a local library project or add the dependency in your build.gradle.

dependencies {
    compile 'com.sfyc.ctpv:library:1.1.0'
}

Step 2

Include the CountTimeProgressView widget in your layout. And you can customize it like this.

    <com.sfyc.ctpv.CountTimeProgressView
        android:id="@+id/countTimeProgressView"
        android:layout_marginTop="4dp"
        android:layout_marginLeft="4dp"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentRight="true"
        app:background_Color="#FF7F00"
        app:borderWidth="1dp"
        app:markBallColor="#002FFF"
        app:markBallFlag="true"
        app:markBallWidth="2dp"
        app:titleCenterColor="#000000"
        app:titleCenter="跳过"
        app:titleCenterSize="12sp"
        app:countTime="5000"
        app:textStyle="jump"
        app:clockwise="false"
        />

Step 3

You can write some animation codes to the callbacks such as setOnCheckedChangeListener, onProgressChanged, etc in your Activity.

    countTimeProgressView.setStartAngle(0);
    countTimeProgressView.setCountTime(6000);
    countTimeProgressView.setTextStyle(CountTimeProgressView.TextStyle.SECOND);
    countTimeProgressView.setBorderWidth(6);
    countTimeProgressView.setBorderBottomColor(Color.GRAY);
    countTimeProgressView.setBorderDrawColor(Color.RED);
    countTimeProgressView.setBackgroundColor(Color.WHITE);
    countTimeProgressView.setMarkBallFlag(true);
    countTimeProgressView.setMarkBallWidth(4);
    countTimeProgressView.setMarkBallColor(Color.GREEN);
    countTimeProgressView.setTitleCenter("跳过（%s）s");
     countTimeProgressView.setClockwise(true);
    countTimeProgressView.addOnEndListener(new CountTimeProgressView.OnEndListener() {
        @Override
        public void onAnimationEnd() {
            Toast.makeText(SimpleActivity.this, "时间到", Toast.LENGTH_SHORT).show();
        }
        @Override
        public void onClick(long overageTime) {
            if (countTimeProgressView.isRunning()) {
                countTimeProgressView.cancelCountTimeAnimation();
                Log.e("overageTime","overageTime = "+overageTime);
            } else {
                countTimeProgressView.startCountTimeAnimation();
            }
        }
    });

    countTimeProgressView.startCountTimeAnimation();

Customization

Please feel free to :)

name	format	description
background_Color	color	Background_Color, default is white
borderWidth	dimension	Circular locus border width, default is 3dp
borderDrawColor	color	Draw color
borderBottomColor	color	Bottom Color
markBallWidth	dimension	Ball width , default is 3dp
markBallColor	color	Ball Color , default is red
markBallFlag	boolean	Bottom Color
startAngle	integer	Ball start angle , default is 0
clockwise	boolean	Clockwise or Counter-clockwise , default is true
countTime	integer	Count time , default is 0
textStyle	enum	Center text style , default is jump
titleCenter	string	Center text style , displayed only when textStyle is "jump"
titleCenterColor	color	Center text style , default is black.
titleCenterSize	dimension	Center text size , default is 16sp.

Change Log

1.1.0 (2017-2-7) update anim colckWise

1.0.0 (2016-12-20) First commit

Demo

Download

Thanks

Inspired by

tangqi92 created by WaveLoadingView