Android 啟動(dòng)頁(yè)倒計(jì)時(shí)自定義view實(shí)現(xiàn)

適用于啟動(dòng)頁(yè)的幾秒倒計(jì)時(shí)進(jìn)入主頁(yè)使用:

package com.example.zd.baselibrary.view;

import android.animation.ValueAnimator;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.v7.widget.AppCompatTextView;
import android.util.AttributeSet;
import android.view.animation.LinearInterpolator;

/**
 * Package: com.example.zd.baselibrary.view
 * <p>
 * describe: 倒計(jì)時(shí)的自定義TextView
 *
 * @author zhangdong on 2019/10/24 0024.
 * @version 1.0
 * @see .
 * @since 1.0
 */
public class CountdownView extends AppCompatTextView {

    private static int MAX_TIME = 5;            //最大倒計(jì)時(shí)時(shí)間
    private String CONCAT_STR = "s跳過(guò)";         //默認(rèn)倒計(jì)時(shí)后面顯示的文字
    private int updateTime = 0;                 //當(dāng)前倒計(jì)時(shí)時(shí)間
    private int bgColor = Color.GRAY;           //背景顏色
    private int bgCorner = 10;                  //有設(shè)置畫(huà)的背景時(shí)默認(rèn)圓角10dp
    private BgStyle bgStyle = BgStyle.CLEAR;    //背景樣式
    private Paint mPaint;                       //繪制背景的畫(huà)筆
    private int vW, vH;                         //此view的寬\高
    private ValueAnimator valueAnimator;        //動(dòng)畫(huà)晤硕,通過(guò)動(dòng)畫(huà)的進(jìn)度來(lái)控制view的文字繪制
    private CountdownEndListener endListener;   //倒計(jì)時(shí)結(jié)束

    //背景樣式
    public enum BgStyle {
        LINE,   //一圈線
        FILL,   //填充背景
        CLEAR   //沒(méi)有背景  可以自己設(shè)置background
    }

    /**
     * 設(shè)置倒計(jì)時(shí)結(jié)束監(jiān)聽(tīng)
     *
     * @param endListener .
     * @return thisView
     */
    public CountdownView setEndListener(CountdownEndListener endListener) {
        this.endListener = endListener;
        return this;
    }

    /**
     * 設(shè)置倒計(jì)時(shí)時(shí)間 (單位s)
     *
     * @param maxTime 最大時(shí)間 default 5 ms
     * @return thisView
     */
    public CountdownView setMaxTime(int maxTime) {
        MAX_TIME = maxTime;
        return this;
    }

    /**
     * 設(shè)置倒計(jì)時(shí)后面拼接的字符串
     *
     * @param concatStr eg:"s跳過(guò)"
     * @return thisView
     */
    public CountdownView setConcatStr(String concatStr) {
        this.CONCAT_STR = concatStr;
        return this;
    }

    /**
     * 設(shè)置背景樣式
     *
     * @param bgStyle 背景樣式 默認(rèn)無(wú)
     * @return thisView
     */
    public CountdownView setBgStyle(BgStyle bgStyle) {
        this.bgStyle = bgStyle;
        invalidate();
        return this;
    }

    /**
     * 設(shè)置背景圓角大小 (單位dp)
     *
     * @param bgCorner 圓角大小
     * @return thisView
     */
    public CountdownView setBgCorner(int bgCorner) {
        this.bgCorner = bgCorner;
        invalidate();
        return this;
    }

    /**
     * 存在背景時(shí)梯皿,背景的顏色
     *
     * @param bgColor 顏色值
     * @return thisView
     */
    public CountdownView setBgColor(int bgColor) {
        this.bgColor = bgColor;
        invalidate();
        return this;
    }

    public CountdownView(Context context) {
        this(context, null);
    }

    public CountdownView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CountdownView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        vW = w;
        vH = h;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //繪制背景
        drawBgShape(canvas);

        //textView顯示文字
        super.onDraw(canvas);
    }

    @SuppressLint("NewApi")
    private void drawBgShape(Canvas canvas) {
        switch (bgStyle) {
            case LINE:
                //畫(huà)線模式
                mPaint.setStyle(Paint.Style.STROKE);
                break;
            case FILL:
                //填充模式
                mPaint.setStyle(Paint.Style.FILL);
                break;
            case CLEAR:
                //不畫(huà)背景
                return;
            default:
                return;
        }
        //清除原背景
        setBackgroundResource(0);
        //畫(huà)背景
        mPaint.setColor(bgColor);

        int minW = Math.min(vW, vH);
        //圓角大小
        if (bgCorner > (minW >> 1))
            bgCorner = (minW >> 1);
        //圓角小于0的情況不存在 強(qiáng)制為0
        if (bgCorner < 0)
            bgCorner = 0;

        canvas.save();
        canvas.drawRoundRect(0, 0, vW, vH,
                dp2Px(getContext(), bgCorner), dp2Px(getContext(), bgCorner), mPaint);
        canvas.restore();
    }

    /**
     * 獲取當(dāng)前應(yīng)該顯示的文字內(nèi)容
     *
     * @return .
     */
    private String getShouldShowText() {
        if (updateTime != 0)
            return String.valueOf(updateTime).concat(CONCAT_STR);
        else
            return CONCAT_STR.substring(1);
    }

    /**
     * 倒計(jì)時(shí)開(kāi)始
     */
    public synchronized void timeStart() {
        startAnimation();
    }

    /**
     * 倒計(jì)時(shí)結(jié)束叨粘;或者手動(dòng)調(diào)用此方法結(jié)束倒計(jì)時(shí)動(dòng)畫(huà)
     */
    public synchronized void timeEnd() {
        if (valueAnimator != null) {
            //停止動(dòng)畫(huà),清空動(dòng)畫(huà)資源
            if (valueAnimator.isRunning()) {
                valueAnimator.cancel();
            }
            valueAnimator.removeAllUpdateListeners();
            valueAnimator = null;
        }
    }

    private void startAnimation() {
        if (null == valueAnimator) {
            valueAnimator = ValueAnimator.ofInt(MAX_TIME, 0);
            //動(dòng)畫(huà)進(jìn)度監(jiān)聽(tīng)
            valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    //當(dāng)前進(jìn)度值
                    int value = (int) animation.getAnimatedValue();
                    if (updateTime != value) {
                        //重置倒計(jì)時(shí)時(shí)間,
                        updateTime = value;

                        //重新繪制view顯示文字
                        setText(getShouldShowText());

                        //倒計(jì)時(shí)結(jié)束的回調(diào)
                        if (updateTime == 0 && null != endListener)
                            endListener.countdownEnd();
                    }
                }
            });
            //設(shè)置勻速差值器
            valueAnimator.setInterpolator(new LinearInterpolator());
        }
        if (valueAnimator.isRunning())
            return;
        //設(shè)置動(dòng)畫(huà)執(zhí)行時(shí)間
        valueAnimator.setDuration(MAX_TIME * 1000);

        valueAnimator.start();
    }

    @Override
    protected void onDetachedFromWindow() {
        //銷(xiāo)毀時(shí),清空動(dòng)畫(huà)
        timeEnd();
        super.onDetachedFromWindow();
    }

    private static int dp2Px(Context context, float dpValue) {
        float density = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * density);
    }

    /**
     * 倒計(jì)時(shí)結(jié)束監(jiān)聽(tīng)
     */
    public interface CountdownEndListener {
        //倒計(jì)時(shí)結(jié)束
        void countdownEnd();
    }

}

使用:


正常textView的相關(guān)設(shè)置汗茄,主要設(shè)置字體大小、顏色等

然后代碼設(shè)置相關(guān)屬性铭若,開(kāi)始倒計(jì)時(shí):

final CountdownView countdownView = (CountdownView) findViewById(R.id.view);

        //點(diǎn)擊view時(shí)停止倒計(jì)時(shí)
        countdownView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //調(diào)用view停止倒計(jì)時(shí)方法
                countdownView.timeEnd();
                //去吧皮卡丘
                Toast.makeText(MainActivity.this, "點(diǎn)擊結(jié)束倒計(jì)時(shí)", Toast.LENGTH_SHORT).show();
            }
        });

        //倒計(jì)時(shí)view相關(guān)設(shè)置
        countdownView.setMaxTime(5)                     //倒計(jì)時(shí)時(shí)間洪碳,單位秒
                .setConcatStr("s跳過(guò)廣告頁(yè)")              //倒計(jì)時(shí)后面拼接的字符串
                .setBgStyle(CountdownView.BgStyle.FILL) //背景樣式 LINE:線  FILL:填充  CLEAR:不需要通過(guò)代碼畫(huà)背景
                .setBgColor(Color.RED)                  //要畫(huà)背景的顏色值
                .setBgCorner(40)                        //要畫(huà)背景的圓角值 單位dp
                .setEndListener(new CountdownView.CountdownEndListener() { //倒計(jì)時(shí)結(jié)束的回調(diào)監(jiān)聽(tīng)
                    @Override
                    public void countdownEnd() {
                        //倒計(jì)時(shí)結(jié)束递览,去吧皮卡丘
                        Toast.makeText(MainActivity.this, "倒計(jì)時(shí)結(jié)束", Toast.LENGTH_SHORT).show();
                    }
                })
                .timeStart(); //開(kāi)始倒計(jì)時(shí)

效果圖:


image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市瞳腌,隨后出現(xiàn)的幾起案子绞铃,更是在濱河造成了極大的恐慌,老刑警劉巖嫂侍,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件儿捧,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡挑宠,警方通過(guò)查閱死者的電腦和手機(jī)菲盾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)各淀,“玉大人亿汞,你說(shuō)我怎么就攤上這事【景ⅲ” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵咆畏,是天一觀的道長(zhǎng)南捂。 經(jīng)常有香客問(wèn)我,道長(zhǎng)旧找,這世上最難降的妖魔是什么溺健? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮钮蛛,結(jié)果婚禮上鞭缭,老公的妹妹穿的比我還像新娘。我一直安慰自己魏颓,他們只是感情好岭辣,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著甸饱,像睡著了一般沦童。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上叹话,一...
    開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1 301
  • 那天偷遗,我揣著相機(jī)與錄音,去河邊找鬼驼壶。 笑死氏豌,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的热凹。 我是一名探鬼主播泵喘,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼泪电,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了涣旨?” 一聲冷哼從身側(cè)響起歪架,我...
    開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎霹陡,沒(méi)想到半個(gè)月后和蚪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡烹棉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年攒霹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浆洗。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡催束,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出伏社,到底是詐尸還是另有隱情抠刺,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布速妖,位于F島的核電站罕容,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏稿饰。R本人自食惡果不足惜锦秒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一梧喷、第九天 我趴在偏房一處隱蔽的房頂上張望铺敌。 院中可真熱鬧产弹,春花似錦胶果、人聲如沸早抠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至靡挥,卻和暖如春簸淀,著一層夾襖步出監(jiān)牢的瞬間舷手,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留汗捡,地道東北人春缕。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓宅荤,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親琼了。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 10,967評(píng)論 6 13
  • 圖書(shū)館是天堂的樣子前翎,如果你能逃離這些的話 一 :避開(kāi)情侶,避開(kāi)情午衰,避開(kāi) 這并不代表我們內(nèi)心脆弱立宜,受不了這小小的...
    丘爾頓閱讀 381評(píng)論 0 1
  • 微信企業(yè)號(hào)是微信為企業(yè)客戶提供的移動(dòng)服務(wù),旨在提供企業(yè)移動(dòng)應(yīng)用入口橙数。它可以幫助企業(yè)建立員工帅戒、上下游供應(yīng)鏈與企業(yè)IT...
    babybus_superdo閱讀 2,046評(píng)論 0 1