iOS折线图/彩虹图/柱状图/水容器/进度条/动画效果

最新推荐文章于 2021-02-23 23:08:00 发布

????????????????????

最新推荐文章于 2021-02-23 23:08:00 发布

阅读量1.4k

点赞数

分类专栏： iOS开发文章标签：折线图彩虹图柱状图水波纹进度条

本文链接：https://blog.csdn.net/qq_26362407/article/details/52912398

版权

iOS开发专栏收录该内容

13 篇文章 0 订阅

订阅专栏

工程效果：

柱状图，彩虹图，折线图，圆形水波容器进度；

使用技术：

CAShapeLayer

UIBezierPath

CABasicAnimation

详细教程：简书教程

GitHub下载地址：点击打开链接

效果如下：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

????????????????????

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

ios自定义柱形图（带动画效果）

10-13

用法： //***********用法************ NSMutableArray *dataTitleArray=[[NSMutableArray alloc] initWithObjects:@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9", nil]; NSMutableArray *dataArray=[[NSMutableArray alloc] initWithObjects:@"86",@"2",@"45",@"92",@"65",@"15",@"37",@"51",@"94",nil]; myBarChart *mybarchart=[[myBarChart alloc] initWithFrame:CGRectMake(10,150, 300, 300)]; mybarchart.backgroundColor=[UIColor clearColor]; mybarchart.maxValue=100; mybarchart.titleArray=dataTitleArray; mybarchart.valueArray=dataArray; mybarchart.barChartBgColor=[UIColor whiteColor]; mybarchart.barWidth=30; mybarchart.barBetweenWidth=30; mybarchart.barHeight=150; mybarchart.barBgColor=[UIColor lightGrayColor]; mybarchart.barColor=[UIColor purpleColor]; [mybarchart initWithView]; [self.view addSubview:mybarchart]; 参数说明： UIColor *barChartBgColor：背景颜色 float maxValue：柱形图对应最大值 NSMutableArray *valueArray：对应值数组 NSMutableArray *titleArray：柱形图标题数组（x轴标题） float barWidth，barBetweenWidth，barHeight：分别为柱形图的宽度、间隔宽度、高度 UIColor *barBgColor，*barColor：分别为柱形图柱状底色背景颜色和柱形图柱状颜色初始化方法： -(void)initWithView; 必选方法，在所有属性设置完后调用。

iOS 折线图动画

猴子_寻觅灯塔

05-28

1785

最近做了一个小demo，里面需要动态hui'zhi

参与评论您还未登录，请先登录后发表或查看评论

ios自定义折线图（带动画效果）

10-13

用法： //***************用法************* NSMutableArray *dataTitleArray=[[NSMutableArray alloc] initWithObjects:@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9", nil]; NSMutableArray *dataArray=[[NSMutableArray alloc] initWithObjects:@"86",@"2",@"45",@"92",@"65",@"15",@"37",@"51",@"94",nil]; myLineChat *mylinechart=[[myLineChat alloc] initWithFrame:CGRectMake(10,150, 300, 300)]; mylinechart.backgroundColor=[UIColor clearColor]; mylinechart.titleArray=dataTitleArray; mylinechart.valueArray=dataArray; mylinechart.lineChartBgColor=[UIColor whiteColor]; mylinechart.lineTitleWidth=30; mylinechart.lineBetweenWidth=30; mylinechart.lineWidth=2; mylinechart.lineHeight=150; mylinechart.lineColor=[UIColor purpleColor]; [mylinechart initWithView]; [self.view addSubview:mylinechart]; 参数说明： CAShapeLayer *lineChart：折线线条 UIColor *lineChartBgColor：折线图背景颜色 NSMutableArray *valueArray：折线图值数组 NSMutableArray *titleArray：折线图标题数组（x轴标题） float lineWith，lineTitleWidth，lineBetweenWidth，lineHeight：分别为折线图折线的宽度、标题宽度、折线间隔宽度、折线高度。 UIColor *lineColor：折线图折线颜色参数方法： -(void)initWithView; 必选方法，在设置完所有属性后调用。

ios 折线图、柱状体、圆饼图的实现

10-23

ios开发中常用到的图表展示的实现,能够快速展示折线图, 柱状图, 饼状图, 环形图, 其中折线图、柱状图支持tap缩放, pan缩放.

iOS 对折线图的封装

aa654403231的专栏

11-29

503

iOS开发图表Chart 折线图、柱状图

11-04

接下来，我们将深入探讨如何在iOS平台上实现折线图和柱状图。首先，折线图是一种用点连接起来形成连续折线的图形，常用于表示数据随时间变化的趋势。在iOS开发中，我们可以利用第三方库如ZFChart来创建折线图。...

ios-iOS 折线图,柱状图,曲线图.zip

07-11

对上一次发布的demo做了一些改动每当遇到一些需要使用图表展示数据的页面时,就不是的有点头皮发麻,因为之前也试着在网上去寻找一些可用的图表,但是总是不是太满意,别人的demo和自己的需求总是差那么一点点,因此...

swift-EasyCharts一个简单可方便快捷画出折线图饼图进度条柱状图雷达图的iOS库

08-15

这个库旨在简化iOS应用中各种图表的绘制工作，包括折线图、饼图、进度条、柱状图以及雷达图。以下将详细阐述这个库的特点、使用方法以及其在iOS开发中的重要性。首先，EasyCharts的优势在于其易用性和灵活性。由于...

iOS使用Charts框架绘制折线图

08-31

本篇文章将深入讲解如何使用`Charts`框架在iOS应用中绘制折线图。首先，我们需要初始化`LineChartView`对象。`LineChartView`是`Charts`框架中用于绘制折线图的主要类。以下是如何创建并添加到视图层次结构的示例...

ios-自定义坐标轴,折线图,柱状图,多折线图,可以拖动.zip

07-11

这个名为"ios-自定义坐标轴,折线图,柱状图,多折线图,可以拖动.zip"的压缩包提供了一个名为CustomGraphView的开源库，它可以帮助开发者创建具有交互功能的图形，包括自定义坐标轴、折线图、柱状图以及多折线图。...

渐变进度条-ios

01-14

ios实现渐变进度条。代码逻辑: http://a3.work/a/oc/308.html

ios-渐变进度条,带文字渐变.zip

07-11

渐变进度条,带文字渐变

iOS贝塞尔曲线,折线,曲线,波浪线

09-20

可用于绘制走势图,折线图,图表类制作.

CAShapeLayer UIBezierPath 动画圆环，直方图，折线图

si1279571489的博客

01-17

843

今天项目中需要做一个圆环，今天就连同圆环，直方图，折线图都做了一下。效果如下，要弄清楚UIBezierPath 创建路径的方法很容易画出来。 // 创建基本路径 + (instancetype)bezierPath; // 创建矩形路径 + (instancetype)bezierPathWithRect:(CGRect)rect; // 创建椭圆路径 + (insta

ios 线条球_iOS柱状图/折线图/彩虹图/水波球带动画实现

weixin_28826521的博客

12-31

280

前言：前段时间因项目需要所以就自己写了一个很简单柱状图动画效果的实现，使用的基本技术也就是使用UIBezierPath绘制柱状图路径，再把CAShapeLayer和UIBezierPath建立关系，最后使用CABasicAnimation实现简单的动画效果，这就是简单地原理，开始上代码。先看下效果图(懒得单独录制了一起看吧)：Untitled.gif柱状图先不画，我们先美观下柱状图坐标系，上代码。...

IOS开发基础之绘制饼图、柱状图、自定义进度条

A1521315qwss的博客

02-23

583

IOS开发基础之绘制饼图、柱状图、自定义进度条 1.绘制饼图效果源码 // LJView.m // 34-绘图饼图 // Created by 鲁军 on 2021/2/23. #import "LJView.h" @implementation LJView - (void)drawRect:(CGRect)rect { NSArray *array = @[@0.3,@0.1,@0.2,@0.4]; CGFloat end=0,start = 0; for(int

UIBezierPath 画折线图

卖报的小行家

07-03

666

效果图实现原理很简单，直接发代码 //创建数据 NSMutableArray * dataArray = [[NSMutableArray alloc]init]; for (int i=0; i<10; i++) { int a = arc4random()%150; [dataArray addObject:[...

CAShapeLayer和UIBezierPath

xiaoxiaobukuang的专栏

12-24

2786

一：贝塞尔曲线 UIBezierPath使用UIBezierPath类可以创建基于矢量的路径，这个类再UIKit中。此类是Core Graphics框架关于path的一个封装。使用此类可以定义简单的形状，如椭圆或者矩形，或者有多个直线和曲线段组成的形状。1、UIBezierPath基础UIBezierPath对象是CGPathRef数据类型的封装。path如果是基于矢量形状的，都是直线和曲线段去创建

IOS_ UIBezierPath + CABasicAnimation + CAShapeLayer

卢梦如的博客

06-13

500

UIView *showView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)]; [self.view addSubview:showView]; showView.backgroundColor = [UIColor redColor]; UIBezi