仿支付宝记账本环形图效果（一）

最新推荐文章于 2023-07-11 11:54:52 发布
最新推荐文章于 2023-07-11 11:54:52 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： 自定义控件 文章标签： android 支付宝
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tom_ji/article/details/75043797
版权

仿支付宝记账本环形图效果（一）

最近在学习自定义view的使用，看到支付宝记账本中“类别报表”的效果很好，所以尝试着实现一下，本文也算是记录自己开发的一个过程，同时也会记录下产生的问题及解决这些问题的办法。

先看一下支付宝的效果(主要看环形图)：

支付宝类别报表效果

首先会根据支出的类型将圆环划分成不同的类别，也就是一个个扇形，然后会在扇形的中间位置绘制对应类别的logo，中间部分可以理解成画了一个白色的圆形覆盖在外面的大圆上，再将相应的内容绘制在内圆上。经过实际数据观察，每一个类别有一个最小的角度来保证logo能够正常绘制在扇形区域内。

绘制扇形

前面分析了下为了保证logo可以画在扇形的中间，对数据的比例设置了最小的角度值，但是仔细发现，除了有最小角度的保证，不同比例在环形图中还是会有角度的差异，初步估计应该是采用了`minAngle +

Tom_ji
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 支付宝月账单 统计图_Android仿支付宝账单统计饼状图
weixin_33778479的博客
12-29 907
仿支付宝统计饼状图，如下图：效果图：源代码：/** * 饼状图 */public class PieChartView extends View { private Paint paintChart, paintText, paintLine, paintMasking; private RectF mRectF = new RectF(); //饼状图的数据(如：name、val...
个人记账本.zip
05-11
利用Java图形界面开发的个人记账本，超级好用，希望各位笑纳
Android 仿支付宝中的余额宝收益进度条
01-05
一、 看效果 二、上代码 package com.framework.widget; import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.RectF;
Android实现仿支付宝流水
xiangzhihong8的专栏
03-17 7758
今天给大家讲的是如何自定义下拉的ListView实现支付宝账单的效果，月份是需要悬浮的，然后没一个月归为一类，先看一个效果图吧。场景：后台下发的数据就是一个List<对象>，考虑到实际情况，还需要做下拉的分页操作，所以，基于上面的情况，我们需要自定义一个可以拦截月份的view。先定义一个FooterView类。public class ListViewFooter extends LinearLay
Android 圆环统计图（带外延折线可点击）
最新发布
qq_32136827的博客
07-11 827
自定义View RingView.class。辅助工具类GeomTool.class。如有更好的方法，欢迎在评论区讨论。activity中使用。需求先看UI效果图吧。
一步一步实现高仿支付宝金额圆环图
baidu_33823980的博客
06-04 1812
现在应用里面集成图表是很常见的事了，简单、直观能给用户更直观的感受，包括支付宝，招商银行App等，虽然有很多第三方的图标库，但是自己实现一个是不是很有成就感？主要优势还是体现在自己可以实现一些特殊需求以及自己实现代码量小，不到150行。现在我们就来一步一步实现一个带动画的圆环图，先放效果图。 初始化一些值 privatestatic final String TAG = "RingVi
紫辰家庭记账本个人记账本
07-22
紫辰记账本最新
记账本数据库表结构设计
02-22
这份资源是一份记账本的数据库表结构设计，包含了五个表：User表、Account表、Category表、Transaction表和Budget表。这些表之间存在复杂的关系，通过这些表的设计，可以实现用户注册、账户管理、收支分类、交易记录...
Android自定义控件实现支付宝记账饼图
08-27
主要为大家详细介绍了Android自定义控件实现支付宝记账饼图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android记账本源码
05-30
账本源码，以Android studio作为IDE，下载后可直接运行
Android实现仿支付宝账单，按月组合，只需要传给List_T_即可，可以自己按规则组装
11-07
Android实现仿支付宝账单，按月组合，只需要传给List_T_即可，可以自己按规则组装 基于Eclipse的android工程源码demo
android记账本app
07-30
一款个人记账app,适合毕设。基本的增删改查，以及用jsoup爬取了财经新闻，数据库用的sqlitte。
饼状图piechart（仿支付宝对账单）
04-22
仿支付宝对账单页面，虽然页面没有做到完全一样，但是部分功能实现了，比如时间上的增减，饼状图的实现，在这里讲一下需要注意的地方。
weixin-cash:仿微信记账小程序的 React App
05-14
仿微信记账本 用 React.js + TypeScript 写的一个仿微信记账本。网站： 主要技术 React.js + React Hooks + React Router TypeScript ECharts.js Styled Components 废话 最近学了一下 React + TypeScript，加之在武汉隔离，就想做一个仿记账本来练习一下。感觉微信记账本还挺好看的，UI也比较简洁， 那就决定是它了！如果你也在学 React/TypeScript 的话，可以 Fork 和 Star 一下哟 :face_blowing_a_kiss:
仿，前微信记账本
k的博客
12-22 761
零基础学小程序。实现了前微信记账本的部分前端（这几天微信记账本更新了）。 视频演示B站视频 代码十分简陋，很多都是微信文档的例子，copy过来自己理解着改的。 只适合像我这样的新手，另外新手要学习的话，可以学一下反编译，可以获得部分源码. 需要源码请留下邮箱，有时间发过去。 ...
仿支付宝账单统计图(饼图)
the_path的专栏
08-26 7701
最近项目里用到的一个统计图，是照着支付宝账单的饼图zuo
iOS图形绘制 UIBezierPath 绘制折线图、柱状图、饼形图
u012661893的专栏
02-13 1513
iOS图形绘制 UIBezierPath 绘制折线图、柱状图以及饼形图 三种图表都是属于动态绘制
android圆饼图占比
u011264824的专栏
08-03 1161
先来一张效果图预览 代码其实很简单，鄙人处于研究阶段，有更好的建议欢迎指出。 实现自定义view第一步继承view类， 然后画图的渲染顺序为先执行onMesure方法计算view的宽高,这里把整个view处理成一个正方形，其它图形的有待研究 先把全局变量设置出来，以便不影响思维顺序 private int viewWidth = 0; private int viewH
全部开源！高仿微信界面
热门推荐
小烦的博客
05-07 1万+
效果图 主要功能 1. 联系人界面 标记为未读 置顶聊天 删除聊天/取消关注 自适应跟随手指弹出菜单 2. 聊天界面 自动时间戳(Time Stamp） 输入消息后滚动到最底部 消息发送按钮和加号按钮自动切换 主要类功能介绍 1. 项目结构 ChatAdapter 聊天界面数据源 ContactAdapter 联系人数据源 SimpleMenu...
安卓记账本设计的流程图
03-30
但我可以向您描述一个安卓记账本的设计流程： 1.需求分析：首先需要确定该记账本的主要功能和特点。例如，是一款个人记账本还是团队协作记账本？需要支持哪些记账方式和记账分类？需要与哪些第三方应用集成？ 2....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值