Android實(shí)現(xiàn)淘寶客戶端倒計(jì)時(shí)界面
在前面的文章中,我們分析了淘寶android客戶端的一些界面實(shí)現(xiàn)和用戶體驗(yàn),今天這篇文章,主要介紹如何使用自定義控件,實(shí)現(xiàn)搶購倒計(jì)時(shí)的功能。
首先,我們看一下實(shí)現(xiàn)的效果。
實(shí)現(xiàn)效果很簡(jiǎn)單哈,就是一個(gè)倒計(jì)時(shí)的自定義控件。
下面簡(jiǎn)單介紹一下實(shí)現(xiàn)的思路。
首先,顯示時(shí)間使用的是Textview,因?yàn)闆]有很特殊的效果,因此,我們可以自己寫一個(gè)簡(jiǎn)單的布局文件,來作為顯示的界面。
而關(guān)于時(shí)間的變更,我們使用timer類就可以實(shí)現(xiàn),用一個(gè)1000毫秒的Timer,每過一秒,更新一下界面即可。
但是在更新時(shí)間的顯示數(shù)字的時(shí)候,有一個(gè)問題需要注意,我的思路是用6個(gè)Textview來顯示時(shí)間,因此,時(shí)分秒的十位數(shù)字和個(gè)位數(shù)字需要單獨(dú)顯示,個(gè)位上顯示的數(shù)字是0-9,十位上顯示的數(shù)字范圍是0-5,所以需要分開實(shí)現(xiàn)。
當(dāng)秒的十位個(gè)位都是0的時(shí)候,在過一秒,分的個(gè)位就要減一,這就涉及到借位的問題,因此,每變更一次數(shù)字,都需要判斷是否需要借位。
具體的實(shí)現(xiàn)思路,大家還是看代碼吧。
/* * 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 { // 小時(shí),十位 private TextView tv_hour_decade; // 小時(shí),個(gè)位 private TextView tv_hour_unit; // 分鐘,十位 private TextView tv_min_decade; // 分鐘,個(gè)位 private TextView tv_min_unit; // 秒,十位 private TextView tv_sec_decade; // 秒,個(gè)位 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; // 計(jì)時(shí)器 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: 開始計(jì)時(shí) * @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: 停止計(jì)時(shí) * @param * @return void * @throws */ public void stop() { if (timer != null) { timer.cancel(); timer = null; } } /** * @throws Exception * * @Description: 設(shè)置倒計(jì)時(shí)的時(shí)長(zhǎng) * @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: 倒計(jì)時(shí) * @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, "時(shí)間到了", Toast.LENGTH_SHORT).show(); stop(); } } } } } } } /** * * @Description: 變化十位,并判斷是否需要進(jìn)位 * @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: 變化個(gè)位,并判斷是否需要進(jìn)位 * @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; } } }
項(xiàng)目在我的github上,大家可以下載,也可以提交BUG。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android定時(shí)器和倒計(jì)時(shí)實(shí)現(xiàn)淘寶秒殺功能
- Android中使用TextView實(shí)現(xiàn)高仿京東淘寶各種倒計(jì)時(shí)效果
- android自定義倒計(jì)時(shí)控件示例
- android實(shí)現(xiàn)倒計(jì)時(shí)功能代碼
- Android實(shí)現(xiàn)計(jì)時(shí)與倒計(jì)時(shí)的常用方法小結(jié)
- Android實(shí)現(xiàn)加載廣告圖片和倒計(jì)時(shí)的開屏布局
- Android 實(shí)現(xiàn)閃屏頁和右上角的倒計(jì)時(shí)跳轉(zhuǎn)實(shí)例代碼
- Android賬號(hào)注冊(cè)實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果
- Android自定義圓形倒計(jì)時(shí)進(jìn)度條
相關(guān)文章
Android實(shí)現(xiàn)仿360桌面懸浮清理內(nèi)存
今天給大家?guī)硪粋€(gè)仿360手機(jī)衛(wèi)士懸浮窗清理內(nèi)存的效果的教程,非常的簡(jiǎn)單實(shí)用,需要的小伙伴可以參考下2015-12-12Android無需讀寫權(quán)限通過臨時(shí)授權(quán)讀寫用戶文件詳解
這篇文章主要為大家介紹了Android無需讀寫權(quán)限通過臨時(shí)授權(quán)讀寫用戶文件詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03Android+SQLite數(shù)據(jù)庫實(shí)現(xiàn)的生詞記事本功能實(shí)例
這篇文章主要介紹了Android+SQLite數(shù)據(jù)庫實(shí)現(xiàn)的生詞記事本功能,結(jié)合具體實(shí)例形式分析了Android操作SQLite數(shù)據(jù)庫實(shí)現(xiàn)生詞記錄功能的操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-09-09Android獲取網(wǎng)絡(luò)圖片并顯示的方法
這篇文章主要為大家詳細(xì)介紹了Android獲取網(wǎng)絡(luò)圖片并顯示的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11Android實(shí)現(xiàn)有道辭典查詢功能實(shí)例詳解
這篇文章主要介紹了Android實(shí)現(xiàn)有道辭典查詢功能的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android基于有道詞典查詢功能的原理與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-10-10Android實(shí)現(xiàn)點(diǎn)擊切換視圖并跳轉(zhuǎn)傳值
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)點(diǎn)擊切換視圖并跳轉(zhuǎn)傳值,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01Android實(shí)現(xiàn)音頻條形圖效果(仿音頻動(dòng)畫無監(jiān)聽音頻輸入)
這篇文章主要介紹了Android實(shí)現(xiàn)音頻條形圖效果(仿音頻動(dòng)畫無監(jiān)聽音頻輸入)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09