Android倒计时控件 Splash界面5秒自动跳转

发布时间:2020-08-29 15:02:46 作者:蓝枫amy
来源:脚本之家 阅读:185

现在很多app的首页都有一个倒计时控件,比如说3秒或者5秒自动跳转界面,或者点击控件直接跳过

首先,自定义控件CircleProgressbar(参考网上资料)

package com.zhoujian.mykeep.view;

import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.ColorStateList;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Build;
import android.support.annotation.ColorInt;
import android.util.AttributeSet;
import android.widget.TextView;
import com.zhoujian.mykeep.R;

public class CircleProgressbar extends TextView
{

 //外部轮廓的颜色
 private int outLineColor = Color.BLACK;

 //外部轮廓的宽度
 private int outLineWidth = 2;

 //内部圆的颜色
 private ColorStateList inCircleColors = ColorStateList.valueOf(Color.TRANSPARENT);

 //中心圆的颜色
 private int circleColor;

 //进度条的颜色
 private int progressLineColor = Color.BLUE;

 //进度条的宽度
 private int progressLineWidth = 8;

 //画笔
 private Paint mPaint = new Paint();

 //进度条的矩形区域
 private RectF mArcRect = new RectF();

 //进度
 private int progress = 100;

 //进度条类型
 private ProgressType mProgressType = ProgressType.COUNT_BACK;

 //进度倒计时时间
 private long timeMillis = 3000;

 //View的显示区域。
 final Rect bounds = new Rect();

 //进度条通知。
 private OnCountdownProgressListener mCountdownProgressListener;
 private int listenerWhat = 0;

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

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

 public CircleProgressbar(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initialize(context, attrs);
 }

 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public CircleProgressbar(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
  super(context, attrs, defStyleAttr, defStyleRes);
  initialize(context, attrs);
 }


 private void initialize(Context context, AttributeSet attributeSet) {
  mPaint.setAntiAlias(true);
  TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.CircleProgressbar);
  if (typedArray.hasValue(R.styleable.CircleProgressbar_in_circle_color))
   inCircleColors = typedArray.getColorStateList(R.styleable.CircleProgressbar_in_circle_color);
  else
   inCircleColors = ColorStateList.valueOf(Color.TRANSPARENT);
  circleColor = inCircleColors.getColorForState(getDrawableState(), Color.TRANSPARENT);
  typedArray.recycle();
 }


 public void setOutLineColor(@ColorInt int outLineColor) {
  this.outLineColor = outLineColor;
  invalidate();
 }


 public void setOutLineWidth(@ColorInt int outLineWidth) {
  this.outLineWidth = outLineWidth;
  invalidate();
 }


 public void setInCircleColor(@ColorInt int inCircleColor) {
  this.inCircleColors = ColorStateList.valueOf(inCircleColor);
  invalidate();
 }


 private void validateCircleColor() {
  int circleColorTemp = inCircleColors.getColorForState(getDrawableState(), Color.TRANSPARENT);
  if (circleColor != circleColorTemp) {
   circleColor = circleColorTemp;
   invalidate();
  }
 }


 public void setProgressColor(@ColorInt int progressLineColor) {
  this.progressLineColor = progressLineColor;
  invalidate();
 }


 public void setProgressLineWidth(int progressLineWidth) {
  this.progressLineWidth = progressLineWidth;
  invalidate();
 }


 public void setProgress(int progress) {
  this.progress = validateProgress(progress);
  invalidate();
 }


 private int validateProgress(int progress) {
  if (progress > 100)
   progress = 100;
  else if (progress < 0)
   progress = 0;
  return progress;
 }


 public int getProgress() {
  return progress;
 }


 public void setTimeMillis(long timeMillis) {
  this.timeMillis = timeMillis;
  invalidate();
 }


 public long getTimeMillis() {
  return this.timeMillis;
 }


 public void setProgressType(ProgressType progressType) {
  this.mProgressType = progressType;
  resetProgress();
  invalidate();
 }


 private void resetProgress()
 {
  switch (mProgressType)
  {
   case COUNT:
    progress = 0;
    break;
   case COUNT_BACK:
    progress = 100;
    break;
  }
 }

 public ProgressType getProgressType() {
  return mProgressType;
 }


 public void setCountdownProgressListener(int what, OnCountdownProgressListener mCountdownProgressListener) {
  this.listenerWhat = what;
  this.mCountdownProgressListener = mCountdownProgressListener;
 }


 public void start()
 {
  stop();
  post(progressChangeTask);
 }


 public void reStart()
 {
  resetProgress();
  start();
 }


 public void stop() {
  removeCallbacks(progressChangeTask);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  //获取view的边界
  getDrawingRect(bounds);

  int size = bounds.height() > bounds.width() ? bounds.width() : bounds.height();
  float outerRadius = size / 2;

  //画内部背景
  int circleColor = inCircleColors.getColorForState(getDrawableState(), 0);
  mPaint.setStyle(Paint.Style.FILL);
  mPaint.setColor(circleColor);
  canvas.drawCircle(bounds.centerX(), bounds.centerY(), outerRadius - outLineWidth, mPaint);

  //画边框圆
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(outLineWidth);
  mPaint.setColor(outLineColor);
  canvas.drawCircle(bounds.centerX(), bounds.centerY(), outerRadius - outLineWidth / 2, mPaint);

  //画字
  Paint paint = getPaint();
  paint.setColor(getCurrentTextColor());
  paint.setAntiAlias(true);
  paint.setTextAlign(Paint.Align.CENTER);
  float textY = bounds.centerY() - (paint.descent() + paint.ascent()) / 2;
  canvas.drawText(getText().toString(), bounds.centerX(), textY, paint);

  //画进度条
  mPaint.setColor(progressLineColor);
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(progressLineWidth);
  mPaint.setStrokeCap(Paint.Cap.ROUND);
  int deleteWidth = progressLineWidth + outLineWidth;
  mArcRect.set(bounds.left + deleteWidth / 2, bounds.top + deleteWidth / 2, bounds.right - deleteWidth / 2, bounds.bottom - deleteWidth / 2);

  canvas.drawArc(mArcRect, 0, 360 * progress / 100, false, mPaint);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int lineWidth = 4 * (outLineWidth + progressLineWidth);
  int width = getMeasuredWidth();
  int height = getMeasuredHeight();
  int size = (width > height ? width : height) + lineWidth;
  setMeasuredDimension(size, size);
 }

 @Override
 protected void drawableStateChanged() {
  super.drawableStateChanged();
  validateCircleColor();
 }


 private Runnable progressChangeTask = new Runnable() {
  @Override
  public void run() {
   removeCallbacks(this);
   switch (mProgressType) {
    case COUNT:
     progress += 1;
     break;
    case COUNT_BACK:
     progress -= 1;
     break;
   }
   if (progress >= 0 && progress <= 100) {
    if (mCountdownProgressListener != null)
     mCountdownProgressListener.onProgress(listenerWhat, progress);
    invalidate();
    postDelayed(progressChangeTask, timeMillis / 100);
   } else
    progress = validateProgress(progress);
  }
 };


 public enum ProgressType {
  /**
   * 顺数进度条,从0-100;
   */
  COUNT,

  /**
   * 倒数进度条,从100-0;
   */
  COUNT_BACK;
 }

 public interface OnCountdownProgressListener
 {
  void onProgress(int what, int progress);
 }
}

activity_splash.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@mipmap/splash">

 <ScrollView
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <com.zhoujian.mykeep.view.CircleProgressbar
   android:id="@+id/tv_red_skip"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="right"
   android:layout_marginRight="15dp"
   android:layout_marginTop="15dp"
   android:text="跳过"
   android:textColor="#ffffff"
   android:textSize="12sp"/>

 </ScrollView>

</RelativeLayout>

SplashActivity.java

package com.zhoujian.mykeep.activity;

import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import com.zhoujian.mykeep.R;
import com.zhoujian.mykeep.view.CircleProgressbar;

public class SplashActivity extends AppCompatActivity
{

 private static final String TAG ="SplashActivity";

 private CircleProgressbar mCircleProgressbar;

 private boolean isClick = false;

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

  mCircleProgressbar = (CircleProgressbar) findViewById(R.id.tv_red_skip);
  mCircleProgressbar.setOutLineColor(Color.TRANSPARENT);
  mCircleProgressbar.setInCircleColor(Color.parseColor("#505559"));
  mCircleProgressbar.setProgressColor(Color.parseColor("#1BB079"));
  mCircleProgressbar.setProgressLineWidth(5);
  mCircleProgressbar.setProgressType(CircleProgressbar.ProgressType.COUNT);
  mCircleProgressbar.setTimeMillis(5000);
  mCircleProgressbar.reStart();

  mCircleProgressbar.setCountdownProgressListener(1,progressListener);

  mCircleProgressbar.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v)
   {
    isClick = true;
    Intent intent = new Intent(SplashActivity.this,MainActivity.class);
    startActivity(intent);
    finish();

   }
  });
 }

 private CircleProgressbar.OnCountdownProgressListener progressListener = new CircleProgressbar.OnCountdownProgressListener() {
  @Override
  public void onProgress(int what, int progress)
  {

   if(what==1 && progress==100 && !isClick)
   {
    Intent intent = new Intent(SplashActivity.this,MainActivity.class);
    startActivity(intent);
    finish();
    Log.e(TAG, "onProgress: =="+progress );
   }

  }
 };

}

显示效果:

Android倒计时控件 Splash界面5秒自动跳转

源码下载:MyKeep

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。

推荐阅读:
  1. android 启动延迟加载画面
  2. Android项目实战教程之高仿网易云音乐启动页实例代码

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android 倒计时 5秒

上一篇:AndroidStudio3 支持 Java8 了请问你敢用吗

下一篇:vue.js指令v-model使用方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》