首页 > 系统 > Android > 正文

android特卖列表倒计时卡顿问题的解决方法

2019-12-12 00:05:23
字体:
来源:转载
供稿:网友

在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>

附上源码地址:点击打开链接

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表