Android自定义按周签到打卡功能实例代码

前言

之前实现过《Android可签到的日历控件》的功能，跟这篇一样都是实现签到打卡功能，这篇实现的是按月进行打卡做标识，本篇内容实现的按周进行签到打卡。

实现签到规则如下：

1、连续签到7天，即可获得额外积分奖励。

2、连续签到记录在第8天开始时将清零重新计算。

3、如果中断签到，连续签到记录也将清零。

实现步骤：

1.效果图

2.自定义签到打卡View

3.主程序逻辑处理

4.主界面

5.签到bean

6.总结

实现过程：

1.效果图

2.自定义签到打卡View

/**
* description: 自定义签到View.
*/
public class StepsView extends View {

/**
* 动画执行的时间 230毫秒
*/
private final static int ANIMATION_TIME = 230;
/**
* 动画执行的间隔次数
*/
private final static int ANIMATION_INTERVAL = 10;

/**
* 线段的高度
*/
private float mCompletedLineHeight = CalcUtils.dp2px(getContext(), 2f);

/**
* 图标宽度
*/
private float mIconWidth = CalcUtils.dp2px(getContext(), 21.5f);
/**
* 图标的高度
*/
private float mIconHeight = CalcUtils.dp2px(getContext(), 24f);
/**
* UP宽度
*/
private float mUpWidth = CalcUtils.dp2px(getContext(), 20.5f);
/**
* up的高度
*/
private float mUpHeight = CalcUtils.dp2px(getContext(), 12f);

/**
* 线段长度
*/
private float mLineWidth = CalcUtils.dp2px(getContext(), 25f);

/**
* 已经完成的图标
*/
private Drawable mCompleteIcon;
/**
* 正在进行的图标
*/
private Drawable mAttentionIcon;
/**
* 默认的图标
*/
private Drawable mDefaultIcon;
/**
* UP图标
*/
private Drawable mUpIcon;
/**
* 图标中心点Y
*/
private float mCenterY;
/**
* 线段的左上方的Y
*/
private float mLeftY;
/**
* 线段的右下方的Y
*/
private float mRightY;

/**
* 数据源
*/
private List<StepBean> mStepBeanList;
private int mStepNum = 0;

/**
* 图标中心点位置
*/
private List<Float> mCircleCenterPointPositionList;
/**
* 未完成的线段Paint
*/
private Paint mUnCompletedPaint;
/**
* 完成的线段paint
*/
private Paint mCompletedPaint;
/**
* 未完成颜色
*/
private int mUnCompletedLineColor = ContextCompat.getColor(getContext(), R.color.c_d5a872);
/**
* 积分颜色
*/
private int mUnCompletedTextColor = ContextCompat.getColor(getContext(), R.color.c_cccccc);

/**
* 天数颜色
*/
private int mUnCompletedDayTextColor = ContextCompat.getColor(getContext(), R.color.c_736657);

/**
* up魅力值颜色
*/
private int mCurrentTextColor = ContextCompat.getColor(getContext(), R.color.c_white);
/**
* 完成的颜色
*/
private int mCompletedLineColor = ContextCompat.getColor(getContext(), R.color.c_d5a872);

private Paint mTextNumberPaint;

private Paint mTextDayPaint;

/**
* 是否执行动画
*/
private boolean isAnimation = false;

/**
* 记录重绘次数
*/
private int mCount = 0;

/**
* 执行动画线段每次绘制的长度，线段的总长度除以总共执行的时间乘以每次执行的间隔时间
*/
private float mAnimationWidth = (mLineWidth / ANIMATION_TIME) * ANIMATION_INTERVAL;

/**
* 执行动画的位置
*/
private int mPosition;
private int[] mMax;

public StepsView(Context context) {
this(context, null);
}

public StepsView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public StepsView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}

/**
* init
*/
private void init() {
mStepBeanList = new ArrayList<>();

mCircleCenterPointPositionList = new ArrayList<>();

//未完成文字画笔
mUnCompletedPaint = new Paint();
mUnCompletedPaint.setAntiAlias(true);
mUnCompletedPaint.setColor(mUnCompletedLineColor);
mUnCompletedPaint.setStrokeWidth(2);
mUnCompletedPaint.setStyle(Paint.Style.FILL);

//已完成画笔文字
mCompletedPaint = new Paint();
mCompletedPaint.setAntiAlias(true);
mCompletedPaint.setColor(mCompletedLineColor);
mCompletedPaint.setStrokeWidth(2);
mCompletedPaint.setStyle(Paint.Style.FILL);

//number paint
mTextNumberPaint = new Paint();
mTextNumberPaint.setAntiAlias(true);
mTextNumberPaint.setColor(mUnCompletedTextColor);
mTextNumberPaint.setStyle(Paint.Style.FILL);
mTextNumberPaint.setTextSize(CalcUtils.sp2px(getContext(), 10f));

//number paint
mTextDayPaint = new Paint();
mTextDayPaint.setAntiAlias(true);
mTextDayPaint.setColor(mUnCompletedDayTextColor);
mTextDayPaint.setStyle(Paint.Style.FILL);
mTextDayPaint.setTextSize(CalcUtils.sp2px(getContext(), 12f));

//已经完成的icon
mCompleteIcon = ContextCompat.getDrawable(getContext(), R.drawable.sign);
//正在进行的icon
mAttentionIcon = ContextCompat.getDrawable(getContext(), R.drawable.unsign);
//未完成的icon
mDefaultIcon = ContextCompat.getDrawable(getContext(), R.drawable.unsign);
//UP的icon
mUpIcon = ContextCompat.getDrawable(getContext(), R.drawable.jifendikuai);
}

@Override
protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec));
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
setChange();
}

private void setChange() {
//图标的中中心Y点
mCenterY = CalcUtils.dp2px(getContext(), 28f) + mIconHeight / 2;
//获取左上方Y的位置，获取该点的意义是为了方便画矩形左上的Y位置
mLeftY = mCenterY - (mCompletedLineHeight / 2);
//获取右下方Y的位置，获取该点的意义是为了方便画矩形右下的Y位置
mRightY = mCenterY + mCompletedLineHeight / 2;

//计算图标中心点
mCircleCenterPointPositionList.clear();
//第一个点距离父控件左边14.5dp
float size = mIconWidth / 2 + CalcUtils.dp2px(getContext(), 23f);
mCircleCenterPointPositionList.add(size);

for (int i = 1; i < mStepNum; i++) {
 //从第二个点开始，每个点距离上一个点为图标的宽度加上线段的23dp的长度
 size = size + mIconWidth + mLineWidth;
 mCircleCenterPointPositionList.add(size);
}
}

@SuppressLint("DrawAllocation")
@Override
protected synchronized void onDraw(Canvas canvas) {
super.onDraw(canvas);

if (mStepBeanList.size() != 0) {
 if (isAnimation) {
 drawSign(canvas);
 } else {
 drawUnSign(canvas);
 }
}
}

/**
* 绘制签到(伴随签到动画)
*/
@SuppressLint("DrawAllocation")
private void drawSign(Canvas canvas) {
for (int i = 0; i < mCircleCenterPointPositionList.size(); i++) {
 //绘制线段
 float preComplectedXPosition = mCircleCenterPointPositionList.get(i) + mIconWidth / 2;
 if (i != mCircleCenterPointPositionList.size() - 1) {
 //最后一条不需要绘制
 if (mStepBeanList.get(i + 1).getState() == StepBean.STEP_COMPLETED) {
  //下一个是已完成，当前才需要绘制
  canvas.drawRect(preComplectedXPosition, mLeftY, preComplectedXPosition + mLineWidth,
   mRightY, mCompletedPaint);
 } else {
  //其余绘制灰色

//当前位置执行动画
  if (i == mPosition - 1) {
  //绿色开始绘制的地方,
  float endX = preComplectedXPosition + mAnimationWidth * (mCount / ANIMATION_INTERVAL);
  //绘制
  canvas.drawRect(preComplectedXPosition, mLeftY, endX, mRightY, mCompletedPaint);
  //绘制
  canvas.drawRect(endX, mLeftY, preComplectedXPosition + mLineWidth,
   mRightY, mUnCompletedPaint);
  } else {
  canvas.drawRect(preComplectedXPosition, mLeftY, preComplectedXPosition + mLineWidth,
   mRightY, mUnCompletedPaint);
  }
 }
 }

//绘制图标
 float currentComplectedXPosition = mCircleCenterPointPositionList.get(i);
 Rect rect = new Rect((int) (currentComplectedXPosition - mIconWidth / 2),
  (int) (mCenterY - mIconHeight / 2),
  (int) (currentComplectedXPosition + mIconWidth / 2),
  (int) (mCenterY + mIconHeight / 2));

StepBean stepsBean = mStepBeanList.get(i);

if (i == mPosition && mCount == ANIMATION_TIME) {
 //当前需要绘制
 mCompleteIcon.setBounds(rect);
 mCompleteIcon.draw(canvas);
 } else {
 if (stepsBean.getState() == StepBean.STEP_UNDO) {
  mDefaultIcon.setBounds(rect);
  mDefaultIcon.draw(canvas);
 } else if (stepsBean.getState() == StepBean.STEP_CURRENT) {
  mAttentionIcon.setBounds(rect);
  mAttentionIcon.draw(canvas);
 } else if (stepsBean.getState() == StepBean.STEP_COMPLETED) {
  mCompleteIcon.setBounds(rect);
  mCompleteIcon.draw(canvas);
 }
 }

//绘制图标
 if (stepsBean.getState() == StepBean.STEP_COMPLETED || (i == mPosition
  && mCount == ANIMATION_TIME)) {
 //已经完成了或者是当前动画完成并且需要当前位置需要改变
 if (stepsBean.getNumber() != 0) {
  //是up的需要橙色
  mTextNumberPaint.setColor(mCurrentTextColor);
 } else {
  //普通完成的颜色
  mTextNumberPaint.setColor(mCompletedLineColor);
 }
 } else {
 //还没签到的，颜色均为灰色
 mTextNumberPaint.setColor(mUnCompletedLineColor);
 }

//绘制UP
 if (stepsBean.getNumber() != 0) {
 //需要UP才进行绘制
 Rect rectUp =
  new Rect((int) (currentComplectedXPosition - mUpWidth / 2),
   (int) (mCenterY - mIconHeight / 2 - CalcUtils.dp2px(getContext(), 8f) - mUpHeight),
   (int) (currentComplectedXPosition + mUpWidth / 2),
   (int) (mCenterY - mIconHeight / 2 - CalcUtils.dp2px(getContext(), 1f)));
 mUpIcon.setBounds(rectUp);
 mUpIcon.draw(canvas);
 }

//0表示不需要显示积分，非0表示需要消失积分
 if (stepsBean.getNumber() != 0) {
 canvas.drawText("+" + stepsBean.getNumber(),
  currentComplectedXPosition - CalcUtils.dp2px(getContext(), 8f),
  mCenterY / 2 - CalcUtils.dp2px(getContext(), 0.5f),
  mTextNumberPaint);
 }
 //天数文字
 canvas.drawText(stepsBean.getDay(),
  currentComplectedXPosition - CalcUtils.dp2px(getContext(), 12f),
  mCenterY + CalcUtils.dp2px(getContext(), 30f),
  mTextDayPaint);
}

//记录重绘次数
mCount = mCount + ANIMATION_INTERVAL;
if (mCount <= ANIMATION_TIME) {
 //引起重绘
 postInvalidate();
} else {
 //重绘完成
 isAnimation = false;
 mCount = 0;
}
}

/**
* 绘制初始状态的view
*/
@SuppressLint("DrawAllocation")
private void drawUnSign(Canvas canvas) {

for (int i = 0; i < mCircleCenterPointPositionList.size(); i++) {
 //绘制线段
 float preComplectedXPosition = mCircleCenterPointPositionList.get(i) + mIconWidth / 2;
 if (i != mCircleCenterPointPositionList.size() - 1) {
 //最后一条不需要绘制
 if (mStepBeanList.get(i + 1).getState() == StepBean.STEP_COMPLETED) {
  //下一个是已完成，当前才需要绘制
  canvas.drawRect(preComplectedXPosition, mLeftY, preComplectedXPosition + mLineWidth,
   mRightY, mCompletedPaint);
 } else {
  //其余绘制灰色
  canvas.drawRect(preComplectedXPosition, mLeftY, preComplectedXPosition + mLineWidth,
   mRightY, mUnCompletedPaint);
 }
 }

//绘制图标
 float currentComplectedXPosition = mCircleCenterPointPositionList.get(i);
 Rect rect = new Rect((int) (currentComplectedXPosition - mIconWidth / 2),
  (int) (mCenterY - mIconHeight / 2),
  (int) (currentComplectedXPosition + mIconWidth / 2),
  (int) (mCenterY + mIconHeight / 2));

StepBean stepsBean = mStepBeanList.get(i);

if (stepsBean.getState() == StepBean.STEP_UNDO) {
 mDefaultIcon.setBounds(rect);
 mDefaultIcon.draw(canvas);
 } else if (stepsBean.getState() == StepBean.STEP_CURRENT) {
 mAttentionIcon.setBounds(rect);
 mAttentionIcon.draw(canvas);
 } else if (stepsBean.getState() == StepBean.STEP_COMPLETED) {
 mCompleteIcon.setBounds(rect);
 mCompleteIcon.draw(canvas);
 }

//绘制增加的分数数目
 if (stepsBean.getState() == StepBean.STEP_COMPLETED) {
 //已经完成了
 if (stepsBean.getNumber() != 0) {
  //是up的需要橙色
  mTextNumberPaint.setColor(mCurrentTextColor);
 } else {
  //普通完成的颜色
  mTextNumberPaint.setColor(mCompletedLineColor);
 }
 } else {
 //还没签到的，颜色均为灰色
 mTextNumberPaint.setColor(mUnCompletedLineColor);
 }

//绘制UP
 if (stepsBean.getNumber() != 0) {
 //需要UP才进行绘制
 Rect rectUp =
  new Rect((int) (currentComplectedXPosition - mUpWidth / 2),
   (int) (mCenterY - mIconHeight / 2 - CalcUtils.dp2px(getContext(), 8f) - mUpHeight),
   (int) (currentComplectedXPosition + mUpWidth / 2),
   (int) (mCenterY - mIconHeight / 2 - CalcUtils.dp2px(getContext(), 1f)));
 mUpIcon.setBounds(rectUp);
 mUpIcon.draw(canvas);
 }

//0表示不需要显示积分，非0表示需要消失积分
 if (stepsBean.getNumber() != 0) {
 //积分文字
 canvas.drawText("+" + stepsBean.getNumber(),
  currentComplectedXPosition - CalcUtils.dp2px(getContext(), 8f),
  mCenterY / 2 - CalcUtils.dp2px(getContext(), 0.5f),
  mTextNumberPaint);
 }

//天数文字
 canvas.drawText(stepsBean.getDay(),
  currentComplectedXPosition - CalcUtils.dp2px(getContext(), 12f),
  mCenterY + CalcUtils.dp2px(getContext(), 30f),
  mTextDayPaint);
}
}

/**
* 设置流程步数
*
* @param stepsBeanList 流程步数
*/
public void setStepNum(List<StepBean> stepsBeanList) {

if (stepsBeanList == null && stepsBeanList.size() == 0) {
 return;
}
mStepBeanList = stepsBeanList;
mStepNum = mStepBeanList.size();
setChange();//重新绘制

//引起重绘
postInvalidate();
}

/**
* 执行签到动画
*
* @param position 执行的位置
*/
public void startSignAnimation(int position) {
//线条从灰色变为绿色
isAnimation = true;
mPosition = position;
//引起重绘
postInvalidate();
}
}

3.主程序逻辑处理

/**
* 一周签到规则：
* 1、连续签到7天，即可额外获得15积分奖励
* 2、连续签到记录在第8天开始时将清零重新计算
* 3、如果中断签到，连续签到记录也将清零
*
* 注：可以显示签到的动画，这里没有使用动画
* 需要动画可以调用mStepView.startSignAnimation(int position)
* position表示需要做动画的位置
*/
public class MainActivity extends AppCompatActivity {

private StepsView mStepView;
private RelativeLayout rl_oval;
private TextView text_sign;
private TextView text_lianxusign;
private ArrayList<StepBean> mStepBeans = new ArrayList<>();

@Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

initView();

initData();

initListener();
}

private void initListener() {

rl_oval.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
   //点击签到按钮，请求后台接口数据
   //模拟请求接口数据成功
   requestSuccessData();
  }
 });
}

/**
 * 模拟请求接口数据成功后更新数据
 */
private void requestSuccessData() {
 mStepBeans.clear();//清空初始化数据
 String reponse = "{\n" +
   " \"datas\": {\n" +
   "  \"day\": 3,\n" +
   "  \"myPoint\": 10890,\n" +
   "  \"signLog\": {\n" +
   "   \"content\": \"每日签到\",\n" +
   "   \"createTime\": \"2019-05-29 09:42:05\",\n" +
   "   \"familyId\": \"0\",\n" +
   "   \"id\": \"951660\",\n" +
   "   \"integral\": \"4\",\n" +
   "   \"logType\": \"3\",\n" +
   "   \"orderId\": \"0\",\n" +
   "   \"type\": \"1\",\n" +
   "   \"userId\": \"43431\"\n" +
   "  },\n" +
   "  \"signState\": true,\n" +
   "  \"userSingninList\": [\n" +
   "   {\n" +
   "    \"createTime\": \"2019-05-27 18:04:15\",\n" +
   "    \"day\": \"1\",\n" +
   "    \"familyId\": \"0\",\n" +
   "    \"id\": \"278904\",\n" +
   "    \"seriesDay\": \"1\",\n" +
   "    \"type\": \"0\",\n" +
   "    \"userId\": \"43431\"\n" +
   "   },\n" +
   "   {\n" +
   "    \"createTime\": \"2019-05-28 09:31:02\",\n" +
   "    \"day\": \"2\",\n" +
   "    \"familyId\": \"0\",\n" +
   "    \"id\": \"278905\",\n" +
   "    \"seriesDay\": \"2\",\n" +
   "    \"type\": \"0\",\n" +
   "    \"userId\": \"43431\"\n" +
   "   },\n" +
   "   {\n" +
   "    \"createTime\": \"2019-05-29 09:42:05\",\n" +
   "    \"day\": \"3\",\n" +
   "    \"familyId\": \"0\",\n" +
   "    \"id\": \"278907\",\n" +
   "    \"seriesDay\": \"3\",\n" +
   "    \"type\": \"0\",\n" +
   "    \"userId\": \"43431\"\n" +
   "   }\n" +
   "  ]\n" +
   " },\n" +
   " \"msg\": \"success!\",\n" +
   " \"ret\": 0\n" +
   "}";

//解析后台请求数据
 SignListReq signListReq = new Gson().fromJson(reponse, SignListReq.class);
 if (signListReq.getRet() == 0) {
  rl_oval.setBackgroundResource(R.drawable.lianxusign_bg);
  text_sign.setText("已签到");
  text_lianxusign.setVisibility(View.VISIBLE);
  text_lianxusign.setText("连续" + signListReq.getDatas().getDay() + "天");

setSignData(signListReq.getDatas());
 }

}

private void initView() {
 mStepView = findViewById(R.id.step_view);
 rl_oval = findViewById(R.id.rl_oval);
 text_sign = findViewById(R.id.text_sign);
 text_lianxusign = findViewById(R.id.text_lianxusign);

}

private void initData() {

//初始化模拟请求后台数据
 String reponse = "{\n" +
   " \"datas\": {\n" +
   "  \"day\": 2,\n" +
   "  \"myPoint\": 10886,\n" +
   "  \"signLog\": {\n" +
   "   \"content\": \"每日签到\",\n" +
   "   \"createTime\": \"2019-05-28 09:31:02\",\n" +
   "   \"familyId\": \"0\",\n" +
   "   \"id\": \"951656\",\n" +
   "   \"integral\": \"9\",\n" +
   "   \"logType\": \"3\",\n" +
   "   \"orderId\": \"0\",\n" +
   "   \"type\": \"1\",\n" +
   "   \"userId\": \"43431\"\n" +
   "  },\n" +
   "  \"signState\": true,\n" +
   "  \"userSingninList\": [\n" +
   "   {\n" +
   "    \"createTime\": \"2019-05-27 18:04:15\",\n" +
   "    \"day\": \"1\",\n" +
   "    \"familyId\": \"0\",\n" +
   "    \"id\": \"278904\",\n" +
   "    \"seriesDay\": \"1\",\n" +
   "    \"type\": \"0\",\n" +
   "    \"userId\": \"43431\"\n" +
   "   },\n" +
   "   {\n" +
   "    \"createTime\": \"2019-05-28 09:31:02\",\n" +
   "    \"day\": \"2\",\n" +
   "    \"familyId\": \"0\",\n" +
   "    \"id\": \"278905\",\n" +
   "    \"seriesDay\": \"2\",\n" +
   "    \"type\": \"0\",\n" +
   "    \"userId\": \"43431\"\n" +
   "   }\n" +
   "  ]\n" +
   " },\n" +
   " \"msg\": \"success!\",\n" +
   " \"ret\": 0\n" +
   "}";

//解析后台请求数据
 SignListReq signListReq = new Gson().fromJson(reponse, SignListReq.class);
 if (signListReq.getRet() == 0) {
  setSignData(signListReq.getDatas());
 }
}

/**
 * 数据处理
 *
 * @param datas
 */
private void setSignData(SignListReq.DatasBean datas) {

//处理已签到的数据
 //先添加已签到的日期到集合中
 if (datas.getUserSingninList().size() != 0) {
  for (int i = 0; i < datas.getUserSingninList().size(); i++) {
   //时间格式：2019-05-27 18:04:15
   String createTime = datas.getUserSingninList().get(i).getCreateTime();
   SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
   Date d1 = null;
   try {
    d1 = df.parse(createTime);
   } catch (ParseException e) {
    e.printStackTrace();
   }
   String timeString = df.format(d1);
   //获取日期的月、日
   String[] timeList = timeString.split(" ");
   String[] split = timeList[0].split("-");
   String month = split[1];//月
   String day = split[2];//日

//判断是否需要显示积分图标，number表示-- 0为不显示积分，非0为显示积分
   if (datas.getSignLog() != null && datas.getUserSingninList().get(i).getCreateTime().equals(datas.getSignLog().getCreateTime())) {
    mStepBeans.add(new StepBean(StepBean.STEP_COMPLETED, Integer.parseInt(datas.getSignLog().getIntegral()), month + "." + day));
   } else {
    mStepBeans.add(new StepBean(StepBean.STEP_COMPLETED, 0, month + "." + day));
   }
  }
 }

//添加未签到的数据，填充为最近一周数据
 if (mStepBeans.size() < 7) {

//获取当前时间的月日
  Calendar now = Calendar.getInstance();
  int currentMonth = now.get(Calendar.MONTH) + 1;//当月
  int currentDay = now.get(Calendar.DAY_OF_MONTH);//当天
  String currentTime = setData(currentMonth) + "." + setData(currentDay);

//后台有签到集合数据
  if (datas.getUserSingninList().size() != 0) {
   String createTime = datas.getUserSingninList().get(datas.getUserSingninList().size() - 1).getCreateTime();
   SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
   Date d1 = null;
   try {
    d1 = df.parse(createTime);
   } catch (ParseException e) {
    e.printStackTrace();
   }
   String timeString = df.format(d1);
   String[] timeList = timeString.split(" ");
   String[] split = timeList[0].split("-");
   String month = split[1];//月
   String day = split[2];//日

for (int i = mStepBeans.size(); i < 7; i++) {
    int parseInt = Integer.parseInt(day) + i - 1;
    //判断累积的天数是否超过当月的总天数
    if (parseInt <= getDayOfMonth()) {
     String time = setData(Integer.parseInt(month)) + "." + setData(parseInt);
     if (currentTime.equals(time)) {
      mStepBeans.add(new StepBean(StepBean.STEP_CURRENT, 0, time));
     } else {
      mStepBeans.add(new StepBean(StepBean.STEP_UNDO, 0, time));
     }
    } else {
     String time = setData((Integer.parseInt(month) + 1)) + "." + setData(parseInt - getDayOfMonth());
     if (currentTime.equals(time)) {
      mStepBeans.add(new StepBean(StepBean.STEP_CURRENT, 0, time));
     } else {
      mStepBeans.add(new StepBean(StepBean.STEP_UNDO, 0, time));
     }
    }
   }
  } else {//后台没有签到集合数据，没有的话从当天时间开始添加未来一周的日期数据
   for (int i = 0; i < 7; i++) {
    int parseInt = currentDay + i;
    //判断累积的天数是否超过当月的总天数
    if (parseInt <= getDayOfMonth()) {
     String time = setData(currentMonth) + "." + setData(parseInt);
     if (currentTime.equals(time)) {
      mStepBeans.add(new StepBean(StepBean.STEP_CURRENT, 0, time));
     } else {
      mStepBeans.add(new StepBean(StepBean.STEP_UNDO, 0, time));
     }
    } else {
     String time = setData((currentMonth + 1)) + "." + setData(parseInt - getDayOfMonth());
     if (currentTime.equals(time)) {
      mStepBeans.add(new StepBean(StepBean.STEP_CURRENT, 0, time));
     } else {
      mStepBeans.add(new StepBean(StepBean.STEP_UNDO, 0, time));
     }
    }
   }
  }
 }

mStepView.setStepNum(mStepBeans);
}

/**
 * 获取最大天数
 *
 * @return
 */
public int getDayOfMonth() {
 Calendar aCalendar = Calendar.getInstance(Locale.CHINA);
 int day = aCalendar.getActualMaximum(Calendar.DATE);
 return day;
}

/**
 * 日月份处理
 *
 * @param day
 * @return
 */
public String setData(int day) {
 String time = "";
 if (day < 10) {
  time = "0" + day;
 } else {
  time = "" + day;
 }

return time;
}
}

4.主界面布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.activity.MainActivity">

<RelativeLayout
 android:id="@+id/rl_oval"
 android:layout_width="70dp"
 android:layout_height="70dp"
 android:layout_marginTop="150dp"
 android:layout_centerHorizontal="true"
 android:background="@drawable/sign_bg">

<LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"
  android:orientation="vertical">

<TextView
   android:id="@+id/text_sign"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="签到"
   android:textColor="#fff"
   android:layout_gravity="center_horizontal"
   android:textSize="16sp" />

<TextView
   android:id="@+id/text_lianxusign"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="连续3天"
   android:textColor="#fff"
   android:visibility="gone"
   android:layout_gravity="center_horizontal"
   android:textSize="12sp" />
 </LinearLayout>
</RelativeLayout>

<com.sorgs.stepview.ui.widget.StepsView
 android:id="@+id/step_view"
 android:layout_below="@id/rl_oval"
 android:layout_marginTop="20dp"
 android:layout_marginLeft="15dp"
 android:layout_width="match_parent"
 android:layout_height="77dp" />
</RelativeLayout>

5.签到bean

package com.sorgs.stepview.bean;

/**
* description: 签到bean.
*/
public class StepBean {
/**
 * 未完成
 */
public static final int STEP_UNDO = -1;
/**
 * 正在进行
 */
public static final int STEP_CURRENT = 0;
/**
 * 已完成
 */
public static final int STEP_COMPLETED = 1;

private int state;
private int number;//0为不显示积分，非0为显示积分
private String day;

public StepBean(int state, int number, String day) {
 this.state = state;
 this.number = number;
 this.day = day;
}

public int getNumber() {
 return number;
}

public void setNumber(int number) {
 this.number = number;
}

public int getState() {
 return state;
}

public void setState(int state) {
 this.state = state;
}

public String getDay() {
 return day;
}

public void setDay(String day) {
 this.day = day;
}
}

6.总结

该篇的功能是根据需求进行功能的处理，自定义View是实现了签到时的动画效果的，不过我们的需求不需要动画，所以这里就没调用演示，需要的可以自行调用

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。

来源：https://www.jianshu.com/p/fd899d78e686