查看: 1432|回复: 0

[手机开发] Android基于CountDownView的时间控件扩展

发表于 2017-8-6 08:54:16
尚学堂AD

首先,新年的一年里祝大家,心想事成,鸡年大吉。去年的时候,我们做时间控件的时候一直遗留一个问题那就是正计时控件一直没有好的解决方案,我们很想把CountDownView既支持正计时又能支持倒计时。基于这个想法,便有了今天这篇文章,原理不在介绍,其实很简单,主要是我们知道怎么用,此控件的优点有:

* 实现了正计时倒计时的统一
* 优化了Adapter,不再绑定控件Id
* 一个属性实现正倒计时
* 不在为具体的时间属性设置别名

具体用法

1、xml文件

属性 app:isCountUp=”false”代表倒计时 true为正计时

  1. <com.delta.library.CountTimeView
  2. android:id="@+id/cv_countView"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:layout_alignParentRight="true"
  6. android:layout_gravity="center_horizontal"
  7. android:layout_marginTop="20dp"
  8. app:isCountUp="false"
  9. app:isShowDay="true"
  10. app:isShowHour="true"
  11. app:isShowMillisecond="false"
  12. app:isShowMinute="true"
  13. app:isShowSecond="true"
  14. app:suffixDay="天"
  15. app:suffixDayRightMargin="10dp"
  16. app:suffixGravity="center"
  17. app:suffixHour=":"
  18. app:suffixMinute=":"
  19. app:suffixTextColor="#e61010"
  20. app:suffixTextSize="17sp"
  21. app:timeTextColor="#e60b0b"
  22. app:timeTextSize="20sp" />
复制代码

2、实体类

要继承TimeEntity
eg:

  1. package com.delta.counttimeview;
  2. /**
  3. * @description :正计时的
  4. * @autHor : V.Wenju.Tian
  5. * @date : 2017/2/6 15:31
  6. */
  7. public class ItemEntity extends TimeEntity {
  8. private String title;
  9. private Long time;
  10. public ItemEntity() {
  11. }
  12. public ItemEntity(int id, long endTime, long createTime, String title, Long upTime) {
  13. super(id, endTime, createTime);
  14. this.title = title;
  15. this.time = upTime;
  16. }
  17. public Long getTime() {
  18. return time;
  19. }
  20. public void setTime(Long time) {
  21. this.time = time;
  22. }
  23. public void setTitle(String title) {
  24. this.title = title;
  25. }
  26. public String getTitle() {
  27. return title;
  28. }
  29. }
复制代码

3、Adapter如下

倒计时 主要是==要注意在数据源的时候初始化endTime属性,也就是截止时间还有相应的EntityId==

  1. public class CountDownActivity extends AppCompatActivity {
  2. private RecyclerView rv;
  3. private List<ItemEntity> datas = new ArrayList<>();
  4. private ItemCountViewAdapter<ItemEntity> mMyAdapter;
  5. @Override
  6. public void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(R.layout.activity_count_down);
  9. rv = ((RecyclerView) findViewById(R.id.rv));
  10. long time =System.currentTimeMillis();
  11. for (int i = 0; i < 100; i++) {
  12. ItemEntity entity = new ItemEntity();
  13. entity.setEntityId(i);
  14. entity.setTitle("第" + i);
  15. entity.setTime(i *60 *1000l);
  16. entity.setEndTime(time + entity.getTime());
  17. datas.add(entity);
  18. }
  19. mMyAdapter = new ItemCountViewAdapter<ItemEntity>(this, datas) {
  20. @Override
  21. protected int getCountViewId() {
  22. return R.id.cv_countView;
  23. }
  24. @Override
  25. protected int getLayoutId() {
  26. return R.layout.item_count_down;
  27. }
  28. @Override
  29. protected void convert(ItemTimeViewHolder holder, ItemEntity itemEntity, int position) {
  30. holder.setText(R.id.tv_title, itemEntity.getTitle());
  31. }
  32. };
  33. rv.setLayoutManager(new LinearLayoutManager(this));
  34. rv.setAdapter(mMyAdapter);
  35. }
  36. @Override
  37. protected void onResume() {
  38. super.onResume();
  39. if (null != mMyAdapter) {
  40. mMyAdapter.startRefreshTime();
  41. }
  42. }
  43. @Override
  44. protected void onPause() {
  45. super.onPause();
  46. if (null != mMyAdapter) {
  47. mMyAdapter.cancelRefreshTime();
  48. }
  49. }
  50. @Override
  51. public void onDestroy() {
  52. super.onDestroy();
  53. if (null != mMyAdapter) {
  54. mMyAdapter.cancelRefreshTime();
  55. }
  56. }
  57. }
复制代码

正计时 ==主要是在获得数据源的时候初始化createTime,也就是起始时间和EntityId==

  1. public class CountUpActivity extends AppCompatActivity {
  2. private RecyclerView rv;
  3. private List<ItemEntity> datas = new ArrayList<>();
  4. private ItemCountViewAdapter<ItemEntity> mMyAdapter;
  5. @Override
  6. public void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(R.layout.activity_count_up);
  9. rv = ((RecyclerView) findViewById(R.id.rv));
  10. for (int i = 0; i < 100; i++) {
  11. ItemEntity entity = new ItemEntity();
  12. entity.setEntityId(i);
  13. entity.setTitle("第" + i);
  14. entity.setTime(i * 60 * 60 * 1000l);
  15. entity.setCreateTime(System.currentTimeMillis() - entity.getTime());
  16. datas.add(entity);
  17. }
  18. mMyAdapter = new ItemCountViewAdapter<ItemEntity>(this, datas) {
  19. @Override
  20. protected int getCountViewId() {
  21. return R.id.cv_countView;
  22. }
  23. @Override
  24. protected int getLayoutId() {
  25. return R.layout.list_item;
  26. }
  27. @Override
  28. protected void convert(ItemTimeViewHolder holder, ItemEntity itemEntity, int position) {
  29. holder.setText(R.id.tv_title, itemEntity.getTitle());
  30. }
  31. };
  32. rv.setLayoutManager(new LinearLayoutManager(this));
  33. rv.setAdapter(mMyAdapter);
  34. }
  35. @Override
  36. protected void onResume() {
  37. super.onResume();
  38. if (null != mMyAdapter) {
  39. mMyAdapter.startRefreshTime();
  40. }
  41. }
  42. @Override
  43. protected void onPause() {
  44. super.onPause();
  45. if (null != mMyAdapter) {
  46. mMyAdapter.cancelRefreshTime();
  47. }
  48. }
  49. @Override
  50. public void onDestroy() {
  51. super.onDestroy();
  52. if (null != mMyAdapter) {
  53. mMyAdapter.cancelRefreshTime();
  54. }
  55. }
  56. }
复制代码

下载源码

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



回复

使用道具 举报