欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Android 实现签到足迹功能

程序员文章站 2022-09-03 17:01:11
ui 妹纸又给了个图叫我做,我一看是这样的:我们首先把这个控件划分成几个部分:1.底下部分的直线:2.左右两边的半圆弧度:3.线上面的小图标:4.最后的文字说明:首先我们把线画出来,大概这个样子我们这...

ui 妹纸又给了个图叫我做,我一看是这样的:

Android 实现签到足迹功能

我们首先把这个控件划分成 几个部分:

1.底下部分的直线 :

2.左右两边的半圆弧度 :

3.线上面的小图标 :

4.最后的文字说明 :

首先我们把线画出来,大概这个样子

Android 实现签到足迹功能

我们这里根据一个月得总天数,和一条线上需要画七个图,计算出总共需要画出的线条数,以及画出左边和右边的弧度,根据当前线是单数还是双数,来计算出是否是左半边的弧度,还是右半边的弧度,以及是否是最后的一条线,因为最后一条线不需要画弧度。

代码如下:

然后再在线上画出礼物数量

这里有一个需要注意的地方,就是,在线为双数的时候,这时候礼物的排列是需要反过来排列的,我这里使用了一个linkedlist来保存礼物的排列顺序,然后我们通过计算平均数,计算出每个礼物的位置。

这里也有一个需要注意的地方,就是,当最后一条线是短的时候,这个时候,你的礼物的排列需要按照那条线的开始位置和结束位置来平均计算每个礼物的位置。

最后,我们在最后一条线最后的位置,画出文字

Android 实现签到足迹功能

好了,这就是所有的思路。下面贴一下最新完整代码:

布局文件使用:

项目地址:

链接:https://pan.baidu.com/s/1iuh9og2t3ilxexhallokgg
提取码:thoc

由于demo集合比较多,单这篇看下面代码即可:

Android 实现签到足迹功能

以上就是android 实现签到足迹功能的详细内容,更多关于android 签到功能的资料请关注其它相关文章!

相关标签: Android 签到