CountdownView

July 6, 2017 · View on GitHub

Android Gems Android Arsenal @iwgang

English

CountdownView

Android倒计时控件,使用Canvas绘制,支持多种样式

下载DemoAPK

Screenshot

Gradle

compile 'com.github.iwgang:countdownview:2.1.6'

Code

CountdownView mCvCountdownView = (CountdownView)findViewById(R.id.cv_countdownViewTest1);
mCvCountdownView.start(995550000); // 毫秒

// 或者自己编写倒计时逻辑,然后调用updateShow来更新UI
for (int time=0; time<1000; time++) {
    mCvCountdownView.updateShow(time);
}

Layout

<cn.iwgang.countdownview.CountdownView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:isHideTimeBackground="true"
    app:isShowDay="true"
    app:isShowHour="true"
    app:isShowMinute="true"
    app:isShowSecond="true"
    app:isShowMillisecond="true"
    app:timeTextColor="#000000"
    app:timeTextSize="22sp"
    app:isTimeTextBold="true"
    app:suffixGravity="bottom"
    app:suffixTextColor="#000000"
    app:suffixTextSize="12sp"
    app:suffixHour="时"
    app:suffixMinute="分"
    app:suffixSecond="秒"
    app:suffixMillisecond="毫秒" />

定制

参数类型默认值
isHideTimeBackgroundbooleantrue
timeBgColorcolor#444444
timeBgSizedimensiontimeSize + 2dp * 4
timeBgRadiusdimension0
isShowTimeBgDivisionLinebooleantrue
timeBgDivisionLineColorcolor#30FFFFFF
timeBgDivisionLineSizedimension0.5dp
timeTextSizedimension12sp
timeTextColorcolor#000000
isTimeTextBoldbooleanfalse
isShowDayboolean自动显示 (天 > 1 显示, = 0 隐藏)
isShowHourboolean自动显示 (小时 > 1 显示, = 0 隐藏)
isShowMinutebooleantrue
isShowSecondbooleantrue
isShowMillisecondbooleanfalse
isConvertDaysToHoursbooleanfalse
suffixTextSizedimension12sp
suffixTextColorcolor#000000
isSuffixTextBoldbooleanfalse
suffixGravity'top' or 'center' or 'bottom''center'
suffixstring':'
suffixDaystringnull
suffixHourstringnull
suffixMinutestringnull
suffixSecondstringnull
suffixMillisecondstringnull
suffixLRMargindimensionleft 3dp right 3dp
suffixDayLeftMargindimension0
suffixDayRightMargindimension0
suffixHourLeftMargindimension0
suffixHourRightMargindimension0
suffixMinuteLeftMargindimension0
suffixMinuteRightMargindimension0
suffixSecondLeftMargindimension0
suffixSecondRightMargindimension0
suffixMillisecondLeftMargindimension0
isShowTimeBgBorderbooleanfalse
timeBgBorderColorcolor#000000
timeBgBorderSizedimension1dp
timeBgBorderRadiusdimension0

其它

  • 多个CountdownView时,给每个指定值
    // 第1步,设置tag
    mCvCountdownView.setTag(R.id.name, uid);
    // 第2步,从回调中的CountdownView取回tag
    @Override
    public void onEnd(CountdownView cv) {
        Object nameTag = cv.getTag(R.id.uid);
        if (null != nameTag) {
            Log.i(TAG, "name = " + nameTag.toString());
        }
    }
  • 动态显示设置, 支持所有xml中的配置项来使用java代码设置
    dynamicShow(DynamicConfig dynamicConfig)
  • 倒计时结束后回调
    setOnCountdownEndListener(OnCountdownEndListener onCountdownEndListener);
  • 指定间隔时间回调
    setOnCountdownIntervalListener(long interval, OnCountdownIntervalListener onCountdownIntervalListener);