仿钉钉考勤统计圆形控件

一、效果图

出于好奇，做了一个模仿钉钉考勤统计的圆形控件，会按照设置的比例填充，效果如下：

二、原理

不感兴趣的可以不往下看，代码已经上传到github，连接：https://github.com/861493711/CircleRatioView

如上图所示，首先我们从最简单的部分开始，先画出外圆和内圆，再在两圆之间的间隙填充有色弧线，到这一部分为止，我相信大部分的人都可以做到，接下来最难的部分就是画出弧线两端的半圆，我在弧线两端画的是整个圆，展示出来的效果跟画半圆的结果是一样的，我们已知外圆的半径为R,外圆圆心为(a,b)，弧线两端小圆的半径为r（该数值为外圆和内圆之间的间隙的一半），而且我们很容易就知道弧线两端小圆的圆心在半径为R-r,圆心为(a,b)的圆上，然后计算出小圆偏移的圆心角t,最后根据圆的参数方程

x=a+r Cos t，y=b+r Sin t

得出小圆的圆心位置，就能画出弧线两端小圆了，剩下的就只剩画出园内的字符串了，这个很简单就不说了，直接看代码应该就可以明白了

有问题可以在评论区跟我讨论。

仿钉钉考勤统计圆形控件相关推荐

Android仿keep运动轨迹动画,Android仿Keep运动休息倒计时圆形控件
仿Keep运动休息倒计时控件,供大家参考,具体内容如下源码控件本身非常非常简单,唯一难点在于倒计时期间动态增减时长,如果说动态增减时长是瞬间完成的,倒也没什么难度,但是如果是需要花一定时间做动画的 ...
高仿钉钉和小米的日历控件
CalendarExaple 项目地址:codbking/CalendarExaple 简介:高仿钉钉和小米的日历控件更多:作者提 Bug 示例 APK 标签: CalendarVi ...
android高仿小米日历,高仿钉钉和小米的日历控件
i# 简介这是一个高仿钉钉和小米的日历控件,支持快速滑动,界面缓存.想要定制化UI,使用起来非常简单,就像使用ListView一样一些特点: 可以自定义日历控件UI 支持快速滑动支持农历和阳历 ...
android高仿钉钉和小米的日历控件
原文地址:http://www.jianshu.com/p/622fdded4dc9 简介这是一个高仿钉钉和小米的日历控件,支持快速滑动,界面缓存.想要定制化UI,使用起来非常简单,就像使用List ...
自定义圆形控件 RoundImageView
1.自定义圆形控件 RoundImageView package com.ronye.CustomView; import android.content.Context; import androi ...
Android 遥控器按键布局,Android 类遥控器圆形控件扇形按钮带中间按钮
Android 类遥控器圆形控件扇形按钮带中间按钮前言效果图使用方法添加依赖在布局中使用参数设定设定是否有中间按钮设定正常情况下的中间按钮的背景颜色设定中间按钮的圆圈描边颜色设 ...
钉钉网页直播回放添加控件（倍速）脚本
文章所涉及到的技术.脚本代码仅为扩展功能,不涉及侵权.版权问题. 没错,可爱的钉钉已经给网页端加倍速控件了(然而还是不能自定义)![我已经哭晕在厕所] 于是我开始写『音量控件』,优化『倍速控件』. 文 ...
云炬Android开发笔记 15评价晒单功能实现（自定义评分控件和仿微信自动多图选择控件）
阅读目录 1. 晒单评价 1.1 点击页面跳转的实现 1.2 自定义评价订单的布局实现 1.3 星星布局的实现 2. 仿微信自动多图及删除控件 2.1 属性值及控件的定义 2.2 图片初始化方法onM ...
C#仿QQ皮肤－常用用户控件EnterFrom1和窗体EntryForm的实现
导读部分 ----------------------------------------------------------------------------------------------- ...
Android仿饿了么加减控件,Flutter + Native混合栈仿饿了么APP
前言一个基于Flutter + Native混合开发的APP,请求数据均人为制造. 目前仅上传Android版本,iOS暂未上传 APK下载 Github地址效果图: 实现功能: 首页使用百度定 ...

仿钉钉考勤统计圆形控件

一、效果图

二、原理

仿钉钉考勤统计圆形控件相关推荐

最新文章

热门文章