Android 倒計(jì)時(shí)控件 CountDownView的實(shí)例代碼詳解
一個(gè)精簡(jiǎn)可自定義的倒計(jì)時(shí)控件,使用 Canvas.drawArc() 繪制。實(shí)現(xiàn)了應(yīng)用開(kāi)屏頁(yè)的圓環(huán)掃過(guò)的進(jìn)度條效果。
代碼見(jiàn)https://github.com/hanjx-dut/CountDownView
使用
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
dependencies {
implementation 'com.github.hanjx-dut:CountDownView:1.1'
}
實(shí)現(xiàn)的效果
效果圖

對(duì)應(yīng)的view:
<com.hanjx.ui.CountDownView android:id="@+id/count_down_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" app:auto_start="true" app:text_mode="time_variant" app:duration="3000" app:paint_stroke="3dp"/> <com.hanjx.ui.CountDownView android:id="@+id/count_down_2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" app:finished_color="#000000" app:auto_start="true" app:start_angle="90" app:text_mode="time_variant" app:duration="3000" app:paint_stroke="3dp"/> <com.hanjx.ui.CountDownView android:id="@+id/count_down_3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" app:finished_color="#FF0000" app:unfinished_color="#00FF00" app:auto_start="true" app:duration="2000" app:refresh_interval="quick" app:text="跳過(guò)" app:text_size="12sp" app:text_color="#FF0000" app:text_mode="fixed" app:paint_stroke="2dp"/> <com.hanjx.ui.CountDownView android:id="@+id/count_down_4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" app:auto_start="true" app:text_mode="fixed" app:clockwise="false" app:text="" app:duration="2000" app:paint_stroke="3dp"/> <com.hanjx.ui.CountDownView android:id="@+id/count_down_5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" app:text_mode="time_variant" app:duration="5000" app:paint_stroke="1.5dp"/>
全部屬性:
<declare-styleable name="CountDownView"> <attr name="duration" format="integer"/> <!-- 總時(shí)間 --> <attr name="refresh_interval"> <!-- 刷新間隔 ms --> <enum name="normal" value="16"/> <enum name="quick" value="11"/> <enum name="slow" value="20"/> </attr> <attr name="paint_stroke" format="dimension"/> <!-- 圓環(huán)寬度 --> <attr name="finished_color" format="color"/> <!-- 掃過(guò)完成的顏色 --> <attr name="unfinished_color" format="color"/> <!-- 未完成的顏色 --> <attr name="start_angle" format="float"/> <!-- 起始角度 默認(rèn) -90 即頂部 --> <attr name="clockwise" format="boolean"/> <!-- 順時(shí)針 默認(rèn) true --> <attr name="auto_start" format="boolean"/> <!-- 自動(dòng)開(kāi)始 默認(rèn) false --> <!-- 文字 --> <attr name="text" format="string"/> <!-- 設(shè)置文字 --> <attr name="text_mode"> <!-- 文字模式 固定 / 隨時(shí)間倒數(shù)(默認(rèn))--> <enum name="fixed" value="0"/> <enum name="time_variant" value="1"/> </attr> <attr name="text_size" format="dimension"/> <!-- 文字尺寸 --> <attr name="text_color" format="color"/> <!-- 文字顏色 --> </declare-styleable>
文字部分沒(méi)有提供更多的自定義屬性,可以通過(guò) setTextDrawer()對(duì)畫(huà)筆和文字進(jìn)行自定義,如 demo 中的第五個(gè):
CountDownView countDownView = findViewById(R.id.count_down_5);
countDownView.setTextDrawer(new CountDownView.TextDrawer() {
@Override
public void setTextPaint(Paint paint, long leftTime, int textMode) {
if (leftTime < 2000) {
paint.setTextSize(SizeUtils.sp2px(12));
}
paint.setTypeface(Typeface.DEFAULT_BOLD);
paint.setColor(0xFFFF802E);
}
@Override
public String getText(long leftTime, int mode, String originText) {
if (leftTime < 2000) {
return "跳過(guò)";
}
return String.format("%ss", leftTime == 0 ? leftTime : leftTime / 1000 + 1);
}
});
監(jiān)聽(tīng)
countDownView.setCountDownListener(new CountDownView.CountDownListener() {
@Override
public void onTick(long leftTime, float finishedAngle) {
// leftTime: 剩余時(shí)間, finishedAngle: 掃過(guò)的角度
}
@Override
public void onStop(boolean reset) {
// 主動(dòng)調(diào)用 countDownView.stop() 時(shí)會(huì)觸發(fā)此回調(diào)
}
@Override
public void onFinished() {
}
});
ps:接口都有默認(rèn)實(shí)現(xiàn),可以選擇實(shí)現(xiàn)任意方法
總結(jié)
到此這篇關(guān)于Android 倒計(jì)時(shí)控件 CountDownView的實(shí)例代碼詳解的文章就介紹到這了,更多相關(guān)Android 倒計(jì)時(shí)控件 CountDownView內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- Android實(shí)現(xiàn)啟動(dòng)頁(yè)倒計(jì)時(shí)效果
- Android 實(shí)現(xiàn)搶購(gòu)倒計(jì)時(shí)功能的示例
- android實(shí)現(xiàn)倒計(jì)時(shí)動(dòng)態(tài)圈
- android實(shí)現(xiàn)圓環(huán)倒計(jì)時(shí)控件
- android利用handler實(shí)現(xiàn)倒計(jì)時(shí)功能
- Android自定義view實(shí)現(xiàn)倒計(jì)時(shí)控件
- 解決Android-RecyclerView列表倒計(jì)時(shí)錯(cuò)亂問(wèn)題
- Android實(shí)現(xiàn)自定義倒計(jì)時(shí)
- Android倒計(jì)時(shí)神器(CountDownTimer)
- Android倒計(jì)時(shí)功能的實(shí)現(xiàn)代碼
- Android 簡(jiǎn)單實(shí)現(xiàn)倒計(jì)時(shí)功能
- Android自定義TimeButton實(shí)現(xiàn)倒計(jì)時(shí)按鈕
- Android實(shí)現(xiàn)倒計(jì)時(shí)的按鈕效果
- 利用Android設(shè)計(jì)一個(gè)倒計(jì)時(shí)組件
相關(guān)文章
Android自定義控件ViewGroup實(shí)現(xiàn)標(biāo)簽云(四)
這篇文章主要為大家詳細(xì)介紹了Android自定義控件ViewGroup實(shí)現(xiàn)標(biāo)簽云的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08
Android Studio使用教程(一):下載與安裝及創(chuàng)建HelloWorld項(xiàng)目
這篇文章主要介紹了Android Studio使用教程(一):下載與安裝及創(chuàng)建HelloWorld項(xiàng)目,本文用詳細(xì)的圖文說(shuō)明講解了Android Studio初步使用,需要的朋友可以參考下2015-05-05
Android?TextView冷門(mén)實(shí)用方法技巧
這篇文章主要為大家介紹了Android?TextView冷門(mén)實(shí)用方法技巧示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04
Android ImageButton自定義按鈕的按下效果的代碼實(shí)現(xiàn)方法分享
這篇文章主要介紹了Android ImageButton自定義按鈕的按下效果的代碼實(shí)現(xiàn)方法,需要的朋友可以參考下2014-02-02
Android實(shí)現(xiàn)仿淘寶購(gòu)物車(chē)增加和減少商品數(shù)量功能demo示例
這篇文章主要介紹了Android實(shí)現(xiàn)仿淘寶購(gòu)物車(chē)增加和減少商品數(shù)量功能,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)的淘寶購(gòu)物車(chē)商品數(shù)量變換與計(jì)算相關(guān)技巧,需要的朋友可以參考下2016-07-07
Android SharedPreferences實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)功能
這篇文章主要為大家詳細(xì)介紹了Android SharedPreferences實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06

