Android启动页倒数读秒按钮

第一次在简书上写东西,还不太熟悉,希望能一直坚持写。
刚刚模仿了一个启动页倒数读秒按钮。效果如下:

CircleProgressView.class

package com.test.circleprogressviewtest;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;

/**
 * 启动页-倒数读秒跳转按钮
 */
public class CircleProgressView extends View {
    private Paint pProgress;
    private Paint pText;
    private Paint pBorder;
    private Paint pCircle;

    private int progressColor;
    private int borderColor;
    private int circleColor;

    private float circleRadius;
    private float borderWidth;
    private float circleAndBorderRadius;

    private String text = "";
    private float textSize = 20.0F;
    private int textColor;

    private int halfWidth;
    private int halfHeight;
    private float topOffset = 60.0F;

    private int borderAlpha = 100;
    private int currentAlpha = 100;

    private ITimeout iTimeout;

    public CircleProgressView(Context paramContext, AttributeSet paramAttributeSet) {
        super(paramContext, paramAttributeSet);
        TypedArray typedArray = paramContext.getTheme().obtainStyledAttributes(paramAttributeSet, R.styleable.CircleProgressView, 0, 0);
        circleRadius = typedArray.getDimension(R.styleable.CircleProgressView_circleRadius, 80.0F);

        circleColor = typedArray.getColor(R.styleable.CircleProgressView_circleColor, 0);
        borderColor = typedArray.getColor(R.styleable.CircleProgressView_circleBorderColor, -1);
        progressColor = typedArray.getColor(R.styleable.CircleProgressView_circleProgressColor, -1);

        borderWidth = typedArray.getDimension(R.styleable.CircleProgressView_circleBorderWidth, 10.0F);
        borderAlpha = typedArray.getInteger(R.styleable.CircleProgressView_circleBorderAlpha, 100);

        text = typedArray.getString(R.styleable.CircleProgressView_circleText);
        textSize = typedArray.getDimension(R.styleable.CircleProgressView_circleTextSize, 0.0F);
        textColor = typedArray.getColor(R.styleable.CircleProgressView_circleTextColor, -1);

        circleAndBorderRadius = (circleRadius + borderWidth / 2.0F);

        pProgress = new Paint();
        pProgress.setAntiAlias(true);
        pProgress.setColor(progressColor);
        pProgress.setStyle(Paint.Style.FILL);

        pBorder = new Paint();
        pBorder.setAntiAlias(true);
        pBorder.setColor(borderColor);
        pBorder.setStyle(Paint.Style.STROKE);
        pBorder.setStrokeWidth(borderWidth);

        pCircle = new Paint();
        pCircle.setAntiAlias(true);
        pCircle.setColor(circleColor);
        pCircle.setStyle(Paint.Style.STROKE);
        pCircle.setStrokeWidth(borderWidth);

        pText = new Paint();
        pText.setAntiAlias(true);
        pText.setStyle(Paint.Style.FILL);
        pText.setColor(textColor);
        pText.setTextSize(textSize);
    }

    public int getCurrentAlpha() {
        return currentAlpha;
    }

    public void invalidate(int alpha) {
        currentAlpha = alpha;
        postInvalidate();
    }

    public void startProgress(long totalTime, ITimeout iTimeout) {
        this.iTimeout = iTimeout;

        new Thread(new CountDownRunnable(this, totalTime)).start();
    }

    protected void onDraw(Canvas paramCanvas) {
        halfWidth = (getWidth() / 2);
        halfHeight = (getHeight() / 2);
        paramCanvas.drawCircle(halfWidth, halfHeight, circleRadius, pProgress);

        if (currentAlpha >= 0) {
            RectF localRectF = new RectF();
            localRectF.left = (halfWidth - circleAndBorderRadius);
            localRectF.top = (halfHeight - circleAndBorderRadius);
            localRectF.right = (circleAndBorderRadius * 2.0F + (halfWidth - circleAndBorderRadius));
            localRectF.bottom = (circleAndBorderRadius * 2.0F + (halfHeight - circleAndBorderRadius));
            paramCanvas.drawArc(localRectF, -90.0F, -360.0F, false, pCircle);
            paramCanvas.drawArc(localRectF, -90.0F, 360.0F * (100 - currentAlpha) / borderAlpha, false, pBorder);
            float textWidth = pText.measureText(text, 0, text.length());
            paramCanvas.drawText(text, halfWidth - textWidth / 2.0F, halfHeight + topOffset / 4.0F, pText);

            if (currentAlpha == 0 && iTimeout != null) {
                iTimeout.timeout();
            }
        }
    }

    public interface ITimeout {
        void timeout();
    }
}

CountDownRunnable.class

package com.test.circleprogressviewtest;

final class CountDownRunnable implements Runnable {
    private CircleProgressView circleProgressView;
    private long totalTime = 2000L;

    public CountDownRunnable(CircleProgressView circleProgressView, long paramLong) {
        this.circleProgressView = circleProgressView;
        this.totalTime = paramLong;
    }

    public final void run() {
        long sleepTime = this.totalTime / circleProgressView.getCurrentAlpha();

        circleProgressView.invalidate(100);
        while (circleProgressView.getCurrentAlpha() > 0) {
            circleProgressView.invalidate(circleProgressView.getCurrentAlpha() - 1);
            try {
                Thread.sleep(1L * sleepTime);
            } catch (Exception localException) {
                localException.printStackTrace();
            }
        }
    }
}

attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CircleProgressView">
        <attr name="circleRadius" format="dimension" />
        <attr name="circleColor" format="color" />
        <attr name="circleText" format="string" />
        <attr name="circleTextSize" format="dimension" />
        <attr name="circleTextColor" format="color" />
        <attr name="circleBorderWidth" format="dimension" />
        <attr name="circleBorderColor" format="color" />
        <attr name="circleBorderAlpha" format="integer" />
        <attr name="circleProgressColor" format="color" />
    </declare-styleable>
</resources>

activity_splash.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:progress="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.circleprogressviewtest.SplashActivity">

    <com.test.circleprogressviewtest.CircleProgressView
        android:id="@+id/jump_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="28dp"
        android:layout_marginRight="28dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        progress:circleRadius="20.0dp"
        progress:circleColor="#66000000"
        progress:circleText="跳转"
        progress:circleTextSize="14sp"
        progress:circleTextColor="#e6ffffff"
        progress:circleBorderWidth="2dp"
        progress:circleBorderColor="#ffe2e2e2"
        progress:circleBorderAlpha="100"
        progress:circleProgressColor="#fff39c11" />
</android.support.constraint.ConstraintLayout>

SplashActivity.class

package com.test.circleprogressviewtest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class SplashActivity extends AppCompatActivity implements 
          View.OnClickListener, CircleProgressView.ITimeout {
    CircleProgressView circleProgressView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);

        circleProgressView = (CircleProgressView) findViewById(R.id.jump_btn);

        circleProgressView.startProgress(2000, this);

        circleProgressView.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        Toast.makeText(SplashActivity.this, "点击了跳转", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void timeout() {
        Toast.makeText(SplashActivity.this, "跳转", Toast.LENGTH_SHORT).show();
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容