热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android实现淘宝客户端倒计时界面

这篇文章主要为大家详细介绍了Android实现淘宝客户端倒计时界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在前面的文章中,我们分析了淘宝android客户端的一些界面实现和用户体验,今天这篇文章,主要介绍如何使用自定义控件,实现抢购倒计时的功能。

首先,我们看一下实现的效果。

实现效果很简单哈,就是一个倒计时的自定义控件。

下面简单介绍一下实现的思路。

首先,显示时间使用的是Textview,因为没有很特殊的效果,因此,我们可以自己写一个简单的布局文件,来作为显示的界面。

而关于时间的变更,我们使用timer类就可以实现,用一个1000毫秒的Timer,每过一秒,更新一下界面即可。

但是在更新时间的显示数字的时候,有一个问题需要注意,我的思路是用6个Textview来显示时间,因此,时分秒的十位数字和个位数字需要单独显示,个位上显示的数字是0-9,十位上显示的数字范围是0-5,所以需要分开实现。

当秒的十位个位都是0的时候,在过一秒,分的个位就要减一,这就涉及到借位的问题,因此,每变更一次数字,都需要判断是否需要借位。

具体的实现思路,大家还是看代码吧。

/* 
 * Copyright (c) 2014, 青岛司通科技有限公司 All rights reserved. 
 * File Name:RushBuyCountDownTimerView.java 
 * Version:V1.0 
 * Author:zhaokaiqiang 
 * Date:2014-9-26 
 */ 
package com.qust.widght; 
 
import java.util.Timer; 
import java.util.TimerTask; 
 
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 com.qust.rushbuycountdowntimerview.R; 
 
@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.view_countdowntimer, 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; 
    } 
 
  } 
} 

项目在我的github上,大家可以下载,也可以提交BUG。

项目地址

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


推荐阅读
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • 构建基于BERT的中文NL2SQL模型:一个简明的基准
    本文探讨了将自然语言转换为SQL语句(NL2SQL)的任务,这是人工智能领域中一项非常实用的研究方向。文章介绍了笔者在公司举办的首届中文NL2SQL挑战赛中的实践,该比赛提供了金融和通用领域的表格数据,并标注了对应的自然语言与SQL语句对,旨在训练准确的NL2SQL模型。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 数据库内核开发入门 | 搭建研发环境的初步指南
    本课程将带你从零开始,逐步掌握数据库内核开发的基础知识和实践技能,重点介绍如何搭建OceanBase的开发环境。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 本文介绍如何使用 Sortable.js 库实现元素的拖拽和位置交换功能。Sortable.js 是一个轻量级、无依赖的 JavaScript 库,支持拖拽排序、动画效果和多种插件扩展。通过简单的配置和事件处理,可以轻松实现复杂的功能。 ... [详细]
  • 探讨一个显示数字的故障计算器,它支持两种操作:将当前数字乘以2或减去1。本文将详细介绍如何用最少的操作次数将初始值X转换为目标值Y。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 扫描线三巨头 hdu1928hdu 1255  hdu 1542 [POJ 1151]
    学习链接:http:blog.csdn.netlwt36articledetails48908031学习扫描线主要学习的是一种扫描的思想,后期可以求解很 ... [详细]
  • 本文详细介绍了如何在 Spring Boot 应用中通过 @PropertySource 注解读取非默认配置文件,包括配置文件的创建、映射类的设计以及确保 Spring 容器能够正确加载这些配置的方法。 ... [详细]
  • This document outlines the recommended naming conventions for HTML attributes in Fast Components, focusing on readability and consistency with existing standards. ... [详细]
  • 本文详细介绍了Java中org.w3c.dom.Text类的splitText()方法,通过多个代码示例展示了其实际应用。该方法用于将文本节点在指定位置拆分为两个节点,并保持在文档树中。 ... [详细]
author-avatar
手机用户2502912857
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有