Android实现淘宝倒计时功能

153 阅读 0 评论 101 点赞

我是靠谱客的博主落寞流沙，最近开发中收集的这篇文章主要介绍Android实现淘宝倒计时功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例为大家分享了Android实现淘宝倒计时的具体代码，供大家参考，具体内容如下

一、效果图（这里为了方便我就没弄gif图了，功能是能动的）

二、实现步骤

1.自定义倒计时控件、

package com.cqxxny.myapplication;
 
import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
 
import java.util.Timer;
import java.util.TimerTask;
/**
 * 功 能: 倒计时工具类
 * 所属模块:
 * 创建时间: 2018/11/15
 * 功能描述:
 */
@SuppressLint("HandlerLeak")
public class RushBuyCountDownTimerView extends LinearLayout {
 
 // 小时，十位
 private TextView tv_hour_decade;
 // 小时，个位
 private TextView tv_hour_unit;
 // 分钟，十位
 private TextView tv_min_decade;
 // 分钟，个位
 private TextView tv_min_unit;
 // 秒，十位
 private TextView tv_sec_decade;
 // 秒，个位
 private TextView tv_sec_unit;
 
 private Context context;
 
 private int hour_decade;
 private int hour_unit;
 private int min_decade;
 private int min_unit;
 private int sec_decade;
 private int sec_unit;
 // 计时器
 private Timer timer;
 
 private Handler handler = new Handler() {
 
 public void handleMessage(Message msg) {
 countDown();
 };
 };
 
 public RushBuyCountDownTimerView(Context context, AttributeSet attrs) {
 super(context, attrs);
 
 this.context = context;
 LayoutInflater inflater = (LayoutInflater) context
 .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 View view = inflater.inflate(R.layout.time, this);
 
 tv_hour_decade = (TextView) view.findViewById(R.id.tv_hour_decade);
 tv_hour_unit = (TextView) view.findViewById(R.id.tv_hour_unit);
 tv_min_decade = (TextView) view.findViewById(R.id.tv_min_decade);
 tv_min_unit = (TextView) view.findViewById(R.id.tv_min_unit);
 tv_sec_decade = (TextView) view.findViewById(R.id.tv_sec_decade);
 tv_sec_unit = (TextView) view.findViewById(R.id.tv_sec_unit);
 
 }
 
 /**
 *
 * @Description: 开始计时
 * @param
 * @return void
 * @throws
 */
 public void start() {
 
 if (timer == null) {
 timer = new Timer();
 timer.schedule(new TimerTask() {
 
 @Override
 public void run() {
  handler.sendEmptyMessage(0);
 }
 }, 0, 1000);
 }
 }
 
 /**
 *
 * @Description: 停止计时
 * @param
 * @return void
 * @throws
 */
 public void stop() {
 if (timer != null) {
 timer.cancel();
 timer = null;
 }
 }
 
 /**
 * @throws Exception
 *
 * @Description: 设置倒计时的时长
 * @param
 * @return void
 * @throws
 */
 public void setTime(int hour, int min, int sec) {
 
 if (hour >= 60 || min >= 60 || sec >= 60 || hour < 0 || min < 0
 || sec < 0) {
 throw new RuntimeException("Time format is error,please check out your code");
 }
 
 hour_decade = hour / 10;
 hour_unit = hour - hour_decade * 10;
 
 min_decade = min / 10;
 min_unit = min - min_decade * 10;
 
 sec_decade = sec / 10;
 sec_unit = sec - sec_decade * 10;
 
 tv_hour_decade.setText(hour_decade + "");
 tv_hour_unit.setText(hour_unit + "");
 tv_min_decade.setText(min_decade + "");
 tv_min_unit.setText(min_unit + "");
 tv_sec_decade.setText(sec_decade + "");
 tv_sec_unit.setText(sec_unit + "");
 
 }
 
 /**
 *
 * @Description: 倒计时
 * @param
 * @return boolean
 * @throws
 */
 private void countDown() {
 
 if (isCarry4Unit(tv_sec_unit)) {
 if (isCarry4Decade(tv_sec_decade)) {
 
 if (isCarry4Unit(tv_min_unit)) {
  if (isCarry4Decade(tv_min_decade)) {
 
  if (isCarry4Unit(tv_hour_unit)) {
  if (isCarry4Decade(tv_hour_decade)) {
  Toast.makeText(context, "时间到了",
   Toast.LENGTH_SHORT).show();
  stop();
  }
  }
  }
 }
 }
 }
 }
 
 /**
 *
 * @Description: 变化十位，并判断是否需要进位
 * @param
 * @return boolean
 * @throws
 */
 private boolean isCarry4Decade(TextView tv) {
 
 int time = Integer.valueOf(tv.getText().toString());
 time = time - 1;
 if (time < 0) {
 time = 5;
 tv.setText(time + "");
 return true;
 } else {
 tv.setText(time + "");
 return false;
 }
 
 }
 
 /**
 *
 * @Description: 变化个位，并判断是否需要进位
 * @param
 * @return boolean
 * @throws
 */
 private boolean isCarry4Unit(TextView tv) {
 
 int time = Integer.valueOf(tv.getText().toString());
 time = time - 1;
 if (time < 0) {
 time = 9;
 tv.setText(time + "");
 return true;
 } else {
 tv.setText(time + "");
 return false;
 }
 
 }
}

2.自定义控件xml、

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:gravity="center"
 android:orientation="horizontal">
 
 <TextView
  android:id="@+id/tv_hour_decade"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/sousuo"
  android:gravity="center"
  android:padding="5dp"
  android:text="0"
  android:textColor="#ffffff"
  android:textSize="20dp" />
 
 <TextView
  android:id="@+id/tv_hour_unit"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginLeft="2dp"
  android:background="@drawable/sousuo"
  android:gravity="center"
  android:padding="5dp"
  android:text="0"
  android:textColor="#ffffff"
  android:textSize="20dp" />
 
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:text=":"
  android:padding="5dp"
  android:textColor="#454545"
  android:textSize="20dp" />
 
 <TextView
  android:id="@+id/tv_min_decade"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/sousuo"
  android:gravity="center"
  android:text="0"
  android:padding="5dp"
  android:textColor="#ffffff"
  android:textSize="20dp"/>
 
 <TextView
  android:id="@+id/tv_min_unit"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginLeft="1dp"
  android:background="@drawable/sousuo"
  android:gravity="center"
  android:padding="5dp"
  android:text="0"
  android:textColor="#ffffff"
  android:textSize="20dp"/>
 
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:text=":"
  android:padding="5dp"
  android:textColor="#454545"
  android:textSize="20dp" />
 
 
 <TextView
  android:id="@+id/tv_sec_decade"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/sousuo"
  android:gravity="center"
  android:text="0"
  android:padding="5dp"
  android:textColor="#ffffff"
  android:textSize="20dp"/>
 
 <TextView
  android:id="@+id/tv_sec_unit"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginLeft="1dp"
  android:background="@drawable/sousuo"
  android:gravity="center"
  android:padding="5dp"
  android:text="0"
  android:textColor="#ffffff"
  android:textSize="20dp" />
 
</LinearLayout>

3.自定义控件转圆角、

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 
 <!-- 背景颜色 -->
 <solid android:color="#454545" />
 
 
 <!-- 控制边界线颜色和大小 -->
 <stroke
  android:width="1dp"
  android:color="#454545" />
 
 <!-- 控制圆角大小 -->
 <corners android:radius="5dp" />
 
</shape>

4.activity代码

package com.cqxxny.myapplication;
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
 
public class MainActivity extends AppCompatActivity {
 /**
  * 功 能: 倒计时
  * 所属模块:
  * 创建时间: 2018/11/15
  * 功能描述:
  */
 private RushBuyCountDownTimerView timerView;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  timerView = (RushBuyCountDownTimerView) findViewById(R.id.timerView);
  // 设置时间(hour,min,sec)
  timerView.setTime(10, 0, 10);
  // 开始倒计时
  timerView.start();
 }
}

5.activity的xml布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:gravity="center"
 tools:context=".MainActivity">
 
 <com.cqxxny.myapplication.RushBuyCountDownTimerView
  android:id="@+id/timerView"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"></com.cqxxny.myapplication.RushBuyCountDownTimerView>
 
</LinearLayout>

源码下载：Android实现淘宝倒计时

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持靠谱客。