Android-仿支付宝的日期选择页

描述

参考支付宝所制作的日期选择页,效果如下:

效果展示

代码已经上传至GitHub,点击查看

知识点与难点

1、获取指定月份有多少天

public static int getDayCountOfMonth(int year, int month) {
    int[] arr = {31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31};
    int days = 0;
    //如果是闰年,二月= 29天
    if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
        arr[1] = 29;
    }
    try {
        days = arr[month - 1];
    } catch (Exception e) {
        e.printStackTrace();
    }
    return days;
}

2、计算指定日期是周几

/**
 * 计算指定日期是周几
 * 1为周日,2为周一,3为周二,4为周三,5为周四,6为周五,7为周六
 */
public static int getDayOfWeekInMonth(int year, int month, int day) {
    Calendar calendar = Calendar.getInstance();
    calendar.set(Calendar.YEAR, year);
    calendar.set(Calendar.MONTH, month - 1);
    calendar.set(Calendar.DATE, day);
    return calendar.get(Calendar.DAY_OF_WEEK);
}

3、基础架构

整个项目的结构是RecyclerView嵌套RecyclerView:
项目结构

红色为外层RecyclerView,蓝色为内部RecyclerView。

外层RecyclerView包含了固定头部条目与月份RecyclerView。

每个月份RecyclerView对应了一个月份的日期展示。

4、数据存储

关于日期数据,我们需要考虑到很多情况。

因为日期数据可能很大,几年的数据甚至更多,如果传递来传递去会在内存中产生多份数据(根据引用地址不同可以看出)。

为了节省内存,我选择使用单例模式来实现,并且是懒汉式单例模式,因为此功能用户不一定每次打开App都会使用。

这样做的好处不仅是节省了内存、减少了来回传递数据的繁琐操作,还有就是很方便地让我们实现了回显功能,从上面的Gif图中也可以看出回显功能。

那么还有一个问题就是,什么时候销毁数据?

我的想法是,在用户第一次打开日期选择页时,进行数据的初始化,接着用户反复在结果展示页和日期选择页来回切换时,用的都是这一批数据。

当用户离开结果展示页(提交、或者放弃)时,就要销毁数据,清理内存,具体创建、销毁逻辑可以查看代码。

5、刷新

关于每个日期的状态初始化以及选择后的刷新,是比较麻烦的。

尤其是跨月、跨年选择日期!因为我们的每个月是独立的嵌套RecyclerView,当你跨月选择时,你就需要刷新多条内部RecyclerView。

为了解决这种情况,我在代码中使用了外部Adapter来进行条目的刷新,并且不会调用全局刷新:adapter.notifyDataSetChanged();

选择使用局部刷新:

adapter.notifyItemRangeChanged(int position, int count);
adapter.notifyItemChanged(int position);

不会去刷新无关的条目。

还有一点要说的是,嵌套RecyclerView的高度是不固定的:可能有5行、6行,也可能有7行。

关于嵌套RecyclerView的高度问题,确实已经无需计算高度了,可以直接将内部RecyclerView的高度设置为wrap_content

之前需要动态计算高度,是因为RecyclerView兼容包的Bug,不过已经在23.2.0之后修复了,具体参考这里

不过我在嵌套RecyclerView还是计算了高度,我尝试了不计算高度,感觉性能远不如计算高度,具体就需要看看源码了。

至此,难点基本已经介绍完了。

不过项目当中因为上述高度不固定的原因,产生了一个小问题:

在调用adapter.notifyItemChanged(int position)时,当position为0或1时,有时会导致屏幕自动滚动至顶部,目前还没有找到合适的解决方案,各位看官可以自己试一试,找找解决方案。

源码在这里。

感谢

其中RecyclerView的头部固定引用了sticky-headers-recyclerview库。

Android日期显示和选择库学到了很多东西。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在安卓平台上,仿支付拖动是一种非常有趣和实用的交互设计,它可以让用户轻松地完成操作过程并且让人感觉非常顺畅和自然。仿支付拖动的核心思想是让用户通过手指拖动界面上的元素来完成操作,然后通过一系列动画和效果来让用户感觉到自己掌控了整个过程。下面是一些我们可以采用的技术手段。 首先,在最基本的层面上,我们可以采用Android中的ViewDragHelper类来实现仿支付拖动效果。该类是官方提供的一种工具,可以简化开发人员的工作,同时提供了一些不错的效果和动画。为了使用ViewDragHelper,我们需要将其包含在一个ViewGroup中,并且创建一个回调方法来控制手指移动时的交互。ViewDragHelper提供了一些回调方法,例如onTouchMove()和onViewReleased(),我们可以在这些方法中实现自定义的交互逻辑。 在实现交互逻辑之后,我们还需要添加一些视觉效果来让用户体验更加自然和流畅。例如,在拖动过程中,我们可以添加阴影和透明度效果来指示元素移动的位置,这可以通过Android中的View属性或Drawable对象来实现。我们还可以添加一系列过渡效果和动画,例如元素弹跳、放大和旋转,这些效果可以通过使用Android中的PropertyAnimation类或View动画来实现。 最后,为了使仿支付拖动操作更加方便和实用,我们还可以添加一些额外的功能。例如,在用户拖动一个元素时,我们可以自动调整其他元素的位置,使得整个界面的布局更加合理和美观。在实现这些额外功能时,我们需要充分考虑用户体验和性能问题,并注意避免过度设计和不必要的动画效果。 总之,实现Android仿支付拖动效果需要我们充分理解用户需求和操作习惯,并结合视觉效果和交互设计来打造一个高度自然和流畅的交互体验。在实现过程中,我们可以采用一系列技术手段和工具,例如ViewDragHelper、动画效果和布局优化,在最大化实现用户需求和提升应用体验的同时,保持代码简洁、易读和高效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值