In my app, I have to show countdown timer for every item in listview. I have been able to do this using CountDownTimer
. But, problem is when scrolling the listview up or down, timer starts flickering. Searched a lot but couldn't got a solution.
My Adapter class
public class BuyListingListAdapter extends BaseAdapter {
private Context mContext;
private ArrayList<VehicleAttributes> mVehicleList = new ArrayList<VehicleAttributes>();
private Date currentDate;
//Saving position in map to check if timer has been //started for this row
private HashMap<Integer, Boolean> timerMap = new HashMap<Integer, Boolean>();
public BuyListingListAdapter(Context context,
ArrayList<VehicleAttributes> vehicleList, boolean showGridView) {
this.mContext = context;
this.mVehicleList = vehicleList;
this.showGridView = showGridView;
currentDate = new Date(System.currentTimeMillis());
int listSize = mVehicleList.size();
for (int i = 0; i < listSize; i++)
timerMap.put(i, false);
}
@Override
public int getCount() {
return mVehicleList.size();
}
@Override
public Object getItem(int position) {
return mVehicleList.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
final ViewHolder holder;
if (convertView == null) {
LayoutInflater inflater = LayoutInflater.from(parent.getContext());
convertView = inflater.inflate(R.layout.row_buy_listing_grid,
parent, false);
holder = new ViewHolder();
holder.timer_layout = (LinearLayout) convertView
.findViewById(R.id.timer_layout);
holder.txt_remaining_days = (RobotoCondensedBoldTextView) convertView
.findViewById(R.id.txt_remaining_days);
holder.txt_remaining_hours = (RobotoCondensedBoldTextView) convertView
.findViewById(R.id.txt_remaining_hours);
holder.txt_remaining_mins = (RobotoCondensedBoldTextView) convertView
.findViewById(R.id.txt_remaining_mins);
holder.txt_remaining_secs = (RobotoCondensedBoldTextView) convertView
.findViewById(R.id.txt_remaining_secs);
holder.listing_status = (ImageView) convertView
.findViewById(R.id.listing_status);
convertView.setTag(holder);
} else
holder = (ViewHolder) convertView.getTag();
final VehicleAttributes vehicleAttributes = mVehicleList.get(position);
AuctionModel mAuctionModel = vehicleAttributes.getAuctionDetailModel();
if (mAuctionModel != null) {
holder.img_auction.setVisibility(View.VISIBLE);
Date auctionStartDate = Util
.getDateFromString(mAuctionModel.getStarted_at(),
"yyyy-MM-dd hh:mm:ss", "GMT");
Date auctionEndDate = Util.getDateFromString(
mAuctionModel.getEnded_at(), "yyyy-MM-dd hh:mm:ss", "GMT");
long diff = currentDate.getTime() - auctionEndDate.getTime();
if (diff < 0)
diff = -diff;
else
diff = 0;
if (timerMap.get(position) == null || !timerMap.get(position)) {
timerMap.put(position, true);
MyCountDown countDown = new MyCountDown(position, diff, 1000,
holder.txt_remaining_days, holder.txt_remaining_hours,
holder.txt_remaining_mins, holder.txt_remaining_secs);
countDown.start();
}
}
return convertView;
}
private class MyCountDown extends CountDownTimer {
RobotoCondensedBoldTextView txt_remaining_days;
RobotoCondensedBoldTextView txt_remaining_hours;
RobotoCondensedBoldTextView txt_remaining_mins;
RobotoCondensedBoldTextView txt_remaining_secs;
int position;
public MyCountDown(int position, long millisInFuture, long countDownInterval,
RobotoCondensedBoldTextView txt_remaining_days,
RobotoCondensedBoldTextView txt_remaining_hours,
RobotoCondensedBoldTextView txt_remaining_mins,
RobotoCondensedBoldTextView txt_remaining_secs) {
super(millisInFuture, countDownInterval);
this.position = position;
this.txt_remaining_days = txt_remaining_days;
this.txt_remaining_hours = txt_remaining_hours;
this.txt_remaining_mins = txt_remaining_mins;
this.txt_remaining_secs = txt_remaining_secs;
}
@Override
public void onFinish() {
}
@Override
public void onTick(long millisUntilFinished) {
updateTimerLabel(position, millisUntilFinished, txt_remaining_days,
txt_remaining_hours, txt_remaining_mins, txt_remaining_secs);
}
}
private void updateTimerLabel(int position, long millis,
RobotoCondensedBoldTextView txt_remaining_days,
RobotoCondensedBoldTextView txt_remaining_hours,
RobotoCondensedBoldTextView txt_remaining_mins,
RobotoCondensedBoldTextView txt_remaining_secs) {
String days = String.format("%02d",
TimeUnit.MILLISECONDS.toDays(millis));
String hours = String.format(
"%02d",
TimeUnit.MILLISECONDS.toHours(millis)
- TimeUnit.DAYS.toHours(TimeUnit.MILLISECONDS
.toDays(millis)));
String mins = String.format(
"%02d",
TimeUnit.MILLISECONDS.toMinutes(millis)
- TimeUnit.HOURS.toMinutes(TimeUnit.MILLISECONDS
.toHours(millis)));
String secs = String.format(
"%02d",
TimeUnit.MILLISECONDS.toSeconds(millis)
- TimeUnit.MINUTES.toSeconds(TimeUnit.MILLISECONDS
.toMinutes(millis)));
txt_remaining_days.setText(days);
txt_remaining_hours.setText(hours);
txt_remaining_mins.setText(mins);
txt_remaining_secs.setText(secs);
}
static class ViewHolder {
NetworkImageView mVehicleImage;
RobotoCondensedBoldTextView txt_remaining_days, txt_remaining_hours,
txt_remaining_mins, txt_remaining_secs;
LinearLayout timer_layout;
}
}
UPDATE
I updated my answer here have a look: (it's uses cardview with recyclerview but the same principle can be applied also for listview) How to change text based on time and date?
You have to take care when you create the countdowntimer instance and when you cancel it. If you don't cancel the timer it will update the wrong views.