android特賣列表倒計時卡頓問題的解決方法

這篇文章主要爲大家詳細介紹了android特賣列表倒計時卡頓問題的解決方法,具有一定的參考價值,感興趣的小夥伴們可以參考一下

在Android的開發中,我們經常遇見倒計時的操作,通常使用Timer和Handler共同操作來完成。當然也可以使用Android系統控件CountDownTimer,這裏我們封裝成一個控件,也方便大家的使用。

首先上一張效果圖吧:

說一下造成卡頓的原因,由於滑動的時候,adapter的getView頻繁的創建和銷燬,就會出現卡頓和數據錯位問題,那麼我們每一個item的倒計時就需要單獨維護,這裏我用的Handler與timer及TimerTask結合的方法,我們知道TimerTask運行在自己子線程,然後通過Timer的schedule()方法實現倒計時功能,最後通過Hander實現View的刷新,其核心代碼如下:

public class CountDownView extends LinearLayout {
 
 @BindView(R.id.tv_day)
 TextView tvDay;
 @BindView(R.id.tv_hour)
 TextView tvHour;
 @BindView(R.id.tv_minute)
 TextView tvMinute;
 @BindView(R.id.tv_second)
 TextView tvSecond;
 
 @BindView(R.id.day)
 TextView day;
 @BindView(R.id.hour)
 TextView hour;
 @BindView(R.id.minute)
 TextView minute;
 
 private Context context;
 
 private int viewBg;//倒計時的背景
 private int cellBg;//每個倒計時的背景
 private int cellTextColor;//文字顏色
 private int textColor;//外部:等顏色
 private int textSize = 14;//外部文字大小
 private int cellTextSize = 12;//cell文字大小
 
 private TimerTask timerTask = null;
 private Timer timer = new Timer();
 private Handler handler = new Handler() {
 
  public void handleMessage(Message msg) {
   countDown();
  }
 };
 
 public CountDownView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
  this.context = context;
 }
 
 public CountDownView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  this.context = context;
  initAttrs(attrs, defStyleAttr);
  initView(context);
 }
 
 private void initAttrs(AttributeSet attrs, int defStyle) {
  TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.CountDownView, defStyle,0);
  viewBg = typedArray.getColor(R.styleable.CountDownView_viewBg, Color.parseColor("#FFFFFF"));
  cellBg = typedArray.getColor(R.styleable.CountDownView_cellBg, Color.parseColor("#F4F4F4"));
  cellTextColor = typedArray.getColor(R.styleable.CountDownView_cellTextColor, Color.parseColor("#646464"));
  textColor = typedArray.getColor(R.styleable.CountDownView_TextColor, Color.parseColor("#B3B3B3"));
  textSize = (int) typedArray.getDimension(R.styleable.CountDownView_TextSize, UIUtils.dp2px(getContext(), 14));
  cellTextSize = (int) typedArray.getDimension(R.styleable.CountDownView_cellTextSize, UIUtils.dp2px(getContext(), 12));
  typedArray.recycle();
 
 }
 
 private void initView(Context context) {
  LayoutInflater inflater = (LayoutInflater) context
    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  View view = inflater.inflate(R.layout.layout_countdown_layout, this);
  ButterKnife.bind(view);
 
  initProperty();
 }
 
 private void initProperty() {
  tvDay.setBackgroundColor(cellBg);
  tvHour.setBackgroundColor(cellBg);
  tvMinute.setBackgroundColor(cellBg);
  tvSecond.setBackgroundColor(cellBg);
 
  tvDay.setTextColor(cellTextColor);
  tvHour.setTextColor(cellTextColor);
  tvMinute.setTextColor(cellTextColor);
  tvSecond.setTextColor(cellTextColor);
 
  day.setTextColor(textColor);
  hour.setTextColor(textColor);
  minute.setTextColor(textColor);
 }
 
 
 public void setLeftTime(long leftTime) {
  if (leftTime <= 0) return;
  long time = leftTime / 1000;
  long day = time / (3600 * 24);
  long hours = (time - day * 3600 * 24) / 3600;
  long minutes = (time - day * 3600 * 24 - hours * 3600) / 60;
  long seconds = time - day * 3600 * 24 - hours * 3600 - minutes * 60;
 
  setTextTime(time);
 }
 
 
 public void start() {
  if (timerTask == null) {
   timerTask = new TimerTask() {
    @Override
    public void run() {
     handler.sendEmptyMessage(0);
    }
 
   };
   timer.schedule(timerTask, 1000, 1000);
//   timer.schedule(new TimerTask() {
//    @Override
//    public void run() {
//     handler.sendEmptyMessage(0);
//    }
//   }, 0, 1000);
  }
 }
 
 public void stop() {
  if (timer != null) {
   timer.cancel();
   timer = null;
  }
 }
 
 //保證天,時,分,秒都兩位顯示,不足的補0
 private void setTextTime(long time) {
  String[] s = TimeUtils.formatTimer(time);
  tvDay.setText(s[0]);
  tvHour.setText(s[1]);
  tvMinute.setText(s[2]);
  tvSecond.setText(s[3]);
 }
 
 private void countDown() {
  if (isCarry4Unit(tvSecond)) {
   if (isCarry4Unit(tvMinute)) {
    if (isCarry4Unit(tvHour)) {
     if (isCarry4Unit(tvDay)) {
      stop();
     }
    }
   }
  }
 }
 
 private boolean isCarry4Unit(TextView tv) {
  int time = Integer.valueOf(tv.getText().toString());
  time = time - 1;
  if (time < 0) {
   time = 59;
   tv.setText(time + "");
   return true;
  } else if (time < 10) {
   tv.setText("0" + time);
   return false;
  } else {
   tv.setText(time + "");
   return false;
  }
 }
}

另一種寫法:

public class CountDownTimerView extends LinearLayout {
 
 private TextView hourView, minuteView, secondView;
 private LimitTimer mTimer;
 private Handler handler;
 public static final int START_LIMIT_TIME_MSG = 0x0111;
 public static final int END_LIMIT_TIME_MSG = 0x0112;
 private long endTime, leftTime;
 private LimitTimeListener listener=null;
 
 public CountDownTimerView(Context context) {
  super(context);
  initView(context);
 }
 
 public CountDownTimerView(Context context, AttributeSet attrs) {
  super(context, attrs);
  initView(context);
 }
 
 private void initView(Context context) {
  setOrientation(HORIZONTAL);
  setGravity(Gravity.CENTER_VERTICAL);
  inflate(context, R.layout.layout_countdown_layout, this);
  hourView = (TextView) findViewById(R.id.tv_hour);
  minuteView = (TextView) findViewById(R.id.tv_minute);
  secondView = (TextView) findViewById(R.id.tv_second);
 }
 
 public long getLeftTime() {
  return leftTime;
 }
 
 //設置剩餘時間
 public void initLeftTime(long endTime) {
  endTime=endTime*1000;
  if (null != mTimer) {
   mTimer.cancel();
   mTimer = null;
  }
  this.endTime = endTime;
  mTimer = new LimitTimer(endTime, 1000);
  mTimer.start();
  if (handler != null) {
   handler.sendEmptyMessage(START_LIMIT_TIME_MSG);
  }
 }
 
 /**
  * 如果該控件使用在碎片中,返回時,則最好還是要stop
  */
 public void stopTimeCount() {
  if (null != mTimer) {
   mTimer.cancel();
   mTimer = null;
  }
 }
 
 public Handler getHandler() {
  return handler;
 }
 
 public void setHandler(Handler handler) {
  this.handler = handler;
 }
 
 private class LimitTimer extends CountDownTimer {
 
  public LimitTimer(long millisInFuture, long countDownInterval) {
   super(0 != leftTime ? leftTime : endTime, countDownInterval);
  }
 
  @Override
  public void onTick(long millisUntilFinished) {
   leftTime = millisUntilFinished;
   long totalSecond = millisUntilFinished / 1000;
   int second = (int) (totalSecond % 60);
   int minute = (int) ((totalSecond / 60) % 60);
   int hour = (int) ((totalSecond / 3600) % 24);
   int day = (int) (totalSecond / (3600 * 24));
 
   formatView(hourView, hour);
   formatView(minuteView, minute);
   formatView(secondView, second);
  }
 
  @Override
  public void onFinish() {
   String zero = "00";
   hourView.setText(zero);
   minuteView.setText(zero);
   secondView.setText(zero);
   if (null != handler) {
    handler.sendEmptyMessage(END_LIMIT_TIME_MSG);
   }
   if (listener!=null){
    listener.onTimeOver(true);
   }
  }
 
  private void formatView(TextView view, int time) {
   DecimalFormat df = new DecimalFormat("#00");
   view.setText(df.format(time));
  }
 }
 
 //倒計時結束監聽
 public void setOnLimitTimeListener(LimitTimeListener listener) {
  this.listener = listener;
 }
 public interface LimitTimeListener {
  void onTimeOver(boolean flag);
 }
 
 @Override
 protected void onDetachedFromWindow() {
  super.onDetachedFromWindow();
  if (handler != null) {
   handler.removeMessages(START_LIMIT_TIME_MSG);
  }
 }
}

涉及到的佈局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 
 
 <TextView
  android:id="@+id/tv_hour"
  style="@style/style_countdown" />
 
 <TextView
  style="@style/style_wrap_content"
  android:layout_marginLeft="3dp"
  android:layout_marginRight="3dp"
  android:layout_gravity="center_vertical"
  android:text="時"
  android:textColor="@color/color_646464" />
 
 <TextView
  android:id="@+id/tv_minute"
  style="@style/style_countdown" />
 
 <TextView
  style="@style/style_wrap_content"
  android:layout_marginLeft="3dp"
  android:layout_marginRight="3dp"
  android:layout_gravity="center_vertical"
  android:text="分"
  android:textColor="@color/color_646464" />
 
 <TextView
  android:id="@+id/tv_second"
  style="@style/style_countdown" />
 
 <TextView
  style="@style/style_wrap_content"
  android:layout_marginLeft="3dp"
  android:layout_marginRight="3dp"
  android:layout_gravity="center_vertical"
  android:text="秒"
  android:textColor="@color/color_646464" />
</LinearLayout>

附上源碼地址:點擊打開鏈接

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持神馬文庫。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章