前言折线图在比较数据、天气等方面的时候会用到，网上也不乏大佬将其封装成完整控件。自己也简单写写看一下效果。先上效果图，毕竟无图何以言diao。 嗯，效果就这样，下面将介绍其从无到有的过程！！重写View的onMeasure方法在自定义控件的时候，控件的宽高（最终的测量尺寸）由控件本身和其父容器共同决定的，既然是共同决定的我们得知道父容器的“意愿”对吧！父容器的“意愿”也就三种，在MeasureS
转载
2024-05-14 19:12:17
24阅读
虚线的高度是这样的：因为要把虚线绘制在中间，所以得加上mYItemHeight / 2，再加上y轴单位和描述框的高度i * mYItemHeight + mYItemHeight / 2 + mYUnitHeight + descHeight;点的高度是这样的：因为虚线是在中间绘制的，所以总高度得减去最上虚线的上半部分和最下虚线的下半部分，然后根据比例求坐标点的位置，最后加上那一大串高度(mYHe
转载
2024-06-27 18:58:23
38阅读
Android 上自定义的复式折线图(一)
Android 上自定义的复式折线图(二) 有兴趣的话可以看下前面两篇文章,这几天也对其做了很多处理,尽量将其做的更加完美这次修改也主要是为了然Y轴不动,表格可以进行水平滚动其中做了以下支持:设置左边控件的宽度设置两个控件父控件的宽度X,Y字体跟表格的距离设置XY轴的颜色X,Y字体颜色跟大小表格颜色是否显示表格是否显示虚线设置XY轴的文字标签
转载
2024-05-14 14:01:06
47阅读
这段时间的自定义View学习，学会了绘制柱状图、绘制折线图、绘制进度控件，那我们今天就来聊聊另外一种自定义的View，这就是我们常见的七日年化收益折线图效果。先看看长什么样。这就是效果图了，元素相对而言还是比较多的，这里有线、柱状图、文字、折线、点等等。看起来好像很复杂，但是呢，只要一步一步的实现，那还是可以达到这种效果的，之前我们说过的， 自定义View，就像是在photo shop里面画图，想
转载
2024-09-01 11:45:29
61阅读
老师布置了个作业：作业中提到的 “玩了几天以后，大家发现了一些很有意思的现象，比如黄金点在逐渐地往下移动。”而只是提到而已，如果不保留历史结果和不是比较明显的显示出来，大家也很难发现这个问题。于是我就想到了折线图，折线图所呈现的是过往的黄金点的数值，我们可以根据折线图就很容易看出黄金点是否下移的问题。 对不起！我的方法比较笨，自己写
转载
2024-05-18 23:31:32
56阅读
总结: 1,初始化画笔和一些自定义属性2, 通过layout确定圆点的位置
xy轴的位置
3,在onDraw()里
通过canvas.drawLine()绘制xy轴线
通过canvas.drawPath()绘制折线
通过canvas.drawCircle()绘制圆点
4触摸事件
处理x轴坐标点击事件
处理圆点点击事件
处理冲突,拦截父类点击
处理速度追踪 v
有时候我们在项目中会遇到使用折线图等图形，Android的开源项目中为我们提供了很多插件，但是很多时候我们需要根据具体项目自定义这些图表，这一篇文章我们一起来看看如何在Android中使用Canvas绘制折线图。先看看绘制的效果：代码:public class MyView extends View {
//坐标轴原点的位置
private int xPoint=60;
private int
转载
2024-04-13 20:25:37
152阅读
先看一下效果图1.创建一个类 MiuiWeatherView public class MiuiWeatherView extends View {
private static int DEFAULT_BULE = 0XFF00BFFF;
private static int DEFAULT_GRAY = Color.GRAY;
private int backgro
转载
2024-05-16 18:31:05
25阅读
最近项目中需要用到折线图，发现了一款比较好用的折线图hellocharts，做了炫酷的动画以及折线图，柱状图，混合图都有涉及到，非常的棒，在此推荐一下。但是使用过程中碰到这样的需求：①：不同数据点可以显示不同的颜色②：还要有基准线这可把我难坏了，看了下hellocharts的源码后，没有看到提供设置不同数据点的颜色以及基准线的接口（可能也是我看得不仔细吧）算了，不管这些了，项目马上要上线了，得赶紧
转载
2024-05-14 17:41:10
29阅读
绘制折线图预览图绘制这个折线图需要都需要哪些步骤？一、如何绘制X和Y轴。注意：绘制线用到的是path，而绘制X和Y轴，我们需要知道三个坐标，这里我们用的是 canvas.drawPath(mPath,linePaint);1、我们来分析下，我们想知道三个坐标，那么这三个坐标是多少呢，我们该怎么计算呢？答：这里，我是在onSizeChanged（）方法中获取到了父类控件的宽度，然后把宽度分成16份，
转载
2024-07-22 18:11:36
19阅读
//复制粘贴就完事了
//图片和颜色值需要自己替换一下
<color name="color_EE">#EEEEEE</color>
<color name="color_100">#2BE783</color>
<color name="color_999">#999999</color>
//自定义折线图
public c
转载
2024-07-19 10:03:12
4阅读
import android.app.Activity;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffec
转载
2024-06-26 09:03:21
37阅读
# Android自定义View动态折线
在Android开发中，我们经常需要自定义View来实现一些特殊的效果。本文将介绍如何使用Android自定义View来绘制动态折线，并提供代码示例进行详细说明。
## 动态折线绘制流程
在开始编写代码之前，我们先来了解一下动态折线绘制的流程。下面是一个简单的流程图，展示了绘制动态折线的基本步骤。
```mermaid
flowchart TD
原创
2023-08-22 11:53:29
63阅读
# Android 折线图自定义实现教程
## 1. 整体流程
下面是实现 Android 折线图自定义的整个流程：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 导入依赖库 |
| 2 | 添加折线图的布局 |
| 3 | 创建数据源 |
| 4 | 设置折线图样式 |
| 5 | 绑定数据源 |
| 6 | 绘制折线图 |
接下来，我们将详细介绍每个步骤需要做什么
原创
2023-11-11 08:40:40
57阅读
先来看看效果图分析一波1、视图宽高固定 2、有坐标轴的视图，第一件事，当然还是计算确认出0点的位置了，之后计算出XY轴各自的长度 3、计算完坐标轴，就可以通过一共有多少个刻度，计算出每个刻度之间的间距，就可以得到所有坐标轴点的位置了，同时坐标轴内的虚线坐标网格也能确定位置了 4、确定了所有坐标轴相关信息，基本数据点的位置也可以计算出来了：数据点的值除以单个刻度的值，就可以计算出数据点位于第几个刻度
转载
2024-08-09 20:28:58
55阅读
前言： 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原理（一）、自定义属性Android自定义控件之自定义属性（二）。今天重点介绍一下如何通过自定义组合控件来提高布局的复用，降低开发成本，以及维护成本。 自定义控件相关文章地址：Android自定义控件之基本原理Android自定义控件之自定义属性Android自定义控件之自定义组合
转载
2023-07-03 15:35:00
38阅读
# Android 自定义View 折线图
折线图是数据可视化中常见的一种形式，它可以帮助我们更直观地理解和分析数据。在 Android 开发中，我们可以通过自定义 View 来实现一个折线图，并且可以根据需求进行样式和交互的定制。本文将介绍如何使用自定义 View 实现一个简单的折线图，并提供相关代码示例供参考。
## 1. 准备工作
在开始之前，我们需要创建一个新的 Android 项目
原创
2023-08-21 08:27:34
207阅读
# 如何在Android中实现自定义折线图
在Android开发中，绘制图形可以帮助我们更直观地展示数据。自定义折线图是常见的数据可视化之一。本文将逐步指导你如何在Android中实现自定义折线图，包括所需的步骤和相应的代码示例。以下是整个流程的梳理。
## 整体流程
我们将整个实现过程分为以下几个步骤：
| 步骤 | 描述 |
|------|-
原创
2024-08-05 08:28:41
65阅读
Android折线效果制作 前面一段时间工作需要绘制一个折线图效果，但是网上很多框架写的代码都是比较麻烦，又是动画又是点击效果等等，而且还有很多地方的代码看不懂，我觉得还是自己写一个折线图，顺便复习一下这些简单的知识。
转载
2023-08-17 22:15:29
236阅读
需求,直接上设计图： 进入echats官网：https://www.echartsjs.com/zh/index.html 找到官方实例： 随机选择一个顺眼的折线图： 进入后，开始改造。左边修改代码，右边则能够看到表现。 首先我们去除图中的区域填充效果,方便观察效果：删除掉左侧代码中的series.areaStyle:series: [{
data: [820, 932, 901,
转载
2024-02-05 11:46:36
512阅读
