动画 && 绘图
文章平均质量分 84
st646889325
这个作者很懒,什么都没留下…
展开
-
【iOS】图表实现-Charts
由于chart官网都是默认先缩放后才可以滑动,这就出现了困难,经过几番查找,发现只要在创建图表时就设置缩放的比例,这样用户交互时,就不用先放大后才可以滑动,从而解决需求,当然x,y轴的手势启动也要相应的设置下。就像我说的这样,我在开发中,x轴显示6个坐标,最右面的左边显示时间(类似19/01),结果只显示了19/右面的显示不全。这样的问题也可能出现在Y轴。// 需求:只滑动不缩放:(系统内部默认是先缩放后滑动)及初始化时x轴就缩放1.5倍,就可以滑动了,//设置动画效果,可以设置X轴和Y轴的动画效果。原创 2024-01-25 15:57:51 · 999 阅读 · 0 评论 -
iOS使用Charts框架绘制折线图
Charts很强大的一个第三方,几乎所有你想要的功能都可以做到。原创 2024-01-25 15:50:51 · 1256 阅读 · 0 评论 -
iOS使用Charts框架绘制—柱形图
当选中一个柱形图后,在空白处双击,就可以取消选择,此时会回调此方法.首先需要先获取到barChartView的X轴,然后进行设置.通过labelCount属性设置Y轴要均分的数量.3.设置barChartView的X轴样式。4.设置barChartView的Y轴样式。5.设置barChartView的其它样式。2.barChartView的交互设置。原创 2024-01-25 10:21:34 · 1283 阅读 · 0 评论 -
iOS在OC项目中集成Charts绘制图表框架
就是把上图中解压后的文件(剔除红色框中的文件,当然也可以剔除其他一些没有用的文件,由于我没有剔除多余的文件,并最终集成成功,所以就暂时视除了红框内的文件都需要)拷贝到ImportChartsDemo主工程文件夹下。110%看起来很怪,可以设置隐藏起来, spaceTop是展示的Y轴的比例,如果为0则顶部的数值显示不完整,0.05最合适。在使用过程中关键所在是要熟悉 Charts中的各种属性设置,而且大部分不同的绘图类文件的属性名称代表的含义一致。新建工程,取名为ImportChartsDemo.原创 2024-01-25 10:10:52 · 1136 阅读 · 0 评论 -
CALayer
一、简单介绍在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮、一个文本标签、一个文本输入框、一个图标等等,这些都是UIView。其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层@property(nonatomi原创 2016-12-14 10:37:55 · 385 阅读 · 0 评论 -
UIView animateWithDuration
函数原型:+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations complet原创 2016-12-14 11:54:19 · 775 阅读 · 0 评论 -
IOS开发之—绘图
1、绘图总结:绘图前设置: CGContextSetRGBFillColor/CGContextSetFillColorWithColor //填充色 CGContextSetRGBStrokeColor/CGContextSetStrokeColorWithColor //笔颜色 CGContextSetLineWidth //线宽度 绘图后设置:原创 2016-12-21 10:13:12 · 372 阅读 · 0 评论 -
IOS Layer的使用
CALayer(层)是屏幕上的一个矩形区域,在每一个UIView中都包含一个根CALayer,在UIView上的所有视觉效果都是在这个Layer上进行的。CALayer外形特征主要包括:1、层的大小尺寸2、背景色3、内容(可以填充图片或者使用Core Graphics绘制的内容)4、矩形是否使用圆角5、矩形是否有阴影Layer有很多种原创 2016-12-21 10:14:21 · 461 阅读 · 0 评论 -
IOS CALayer
如果要更改 UIView 的 CALayer,要引用:#import .为什么说 CALayer 很重要呢: 1. 每个UIView 都有 CALayer,即 UIView.layer,同时 UIView是iOS系统中界面元素的基础,所有的界面元素都是继承自它,所以,CALayer 应用很广泛 2. CALayer 能够对 UIView 做许多设原创 2017-01-25 13:40:30 · 360 阅读 · 0 评论 -
UIImageView 图片旋转360度
CABasicAnimation *rotationAnimation; //围绕Z轴旋转 rotationAnimation = [CABasicAnimationanimationWithKeyPath:@"transform.rotation.z"]; //改变属性的起始值 rotationAnimati原创 2018-01-11 10:07:39 · 948 阅读 · 0 评论 -
百分比圆环进度动态显示
创建一个ScaleCircleChartView#import <UIKit/UIKit.h> @interface ScaleCircleChartView : UIView //线宽.@property (nonatomic, assign) CGFloat lineWith; //基准圆环颜色@property (nonatomic,...原创 2018-01-10 11:25:40 · 1185 阅读 · 0 评论 -
饼状图(带有指引线)
#import <UIKit/UIKit.h> @interface YTLPieView : UIView /**数据统计饼图@param frame frame@param dataItems 每个部分的数据源@param colorItems 每个部分的颜色@param upTextItems 线上文字@param down...原创 2018-09-10 14:03:43 · 3547 阅读 · 0 评论 -
Quartz 2D
Quartz 2D在iOS中常用的绘图框架就是Quartz 2D,Quartz 2D是Core Graphics框架的一部分,是一个强大的二维图像绘制引擎。Quartz 2D在UIKit中也有很好的封装和集成,我们日常开发时所用到的UIKit中的组件都是由Core Graphics进行绘制的。不仅如此,当我们引入UIKit框架时系统会自动引入Core Graphics框架,并且为了方便开发原创 2016-11-15 09:15:55 · 602 阅读 · 0 评论 -
《Motion Design for iOS》(十八)
从iOS 7中的弹簧动画开始从iOS 7开始,苹果在他现有的一套动画方法中添加了类弹簧的动画能力。实际上,他们还添加了很多东西;他们的UIKit Dynamics 框架是一个整合到了UIKit中的完整的物理引擎,允许你添加地心引力、弹簧附着、动力等到你的界面元素中。让我们看看一个iOS 7中介绍的更改了的基于block的动画方法,它现在增加了一些额外的参数来实现类弹簧动画。这个是我翻译 2016-11-14 08:55:17 · 375 阅读 · 0 评论 -
ios开发之View属性hidden, opaque, alpha, opacity的区别
一、alpha液晶显示器是由一个个的像素点组成的,每个像素点都可以显示一个由RGBA颜色空间组成的一种色值。其中的A就表示透明度alpha,UIView中alpha是一个浮点值,取值范围0~1.0,表示从完全透明到完全不透明。1、alpha会影响自己的透明度,同时也会影响subView的透明度。2、alpha设为空之后,UIView不会从响应者链中移除,仍然可以收到even转载 2016-10-31 10:04:47 · 614 阅读 · 0 评论 -
动画-IOS开发
UIView *view = [[UIViewalloc] initWithFrame:CGRectMake(10,30, 100, 100)]; view.backgroundColor = [UIColoryellowColor]; [self.viewaddSubview:view]; /** * iOS中的动画有两大原创 2016-10-31 10:22:55 · 285 阅读 · 0 评论 -
用UIColor创建UIImage
+(UIImage *)imageWithColor:(UIColor *)color size:(CGSize)size { @autoreleasepool { CGRect rect = CGRectMake(0, 0, size.width, size.height); UIGraphic原创 2016-10-31 10:24:23 · 352 阅读 · 0 评论 -
iOS基础动画教程
iOS的动画多种多样,动画做的好的应用会更加吸引人,用起来也会更加炫目,本文介绍iOS几种基础动画,单个讲解便于理解,但真正使用时,结合起来用会看起来更加帅,这就看具体的应用场景和大家的想象力啦。所有的基础动画都给予UIView一个基础的方法:animateWithDuration。这个方法可以包含一个代码块,里面设置要改变的东西,在执行的时候iOS会自动以动画的形式展现出来,代码如下:转载 2016-11-11 17:13:33 · 346 阅读 · 0 评论 -
动画弹出式按钮OXExpandingButtonBar
介绍:OXExpandingButtonBar是一个弹出按钮的控件。首先有一个主按钮,点击主按钮后,主按钮旋转,并向上弹出一串子按钮。弹出时子按钮会旋转,并且到达最终位置后还会反弹一下,还是挺萌的哈哈。再次点击主按钮,主按钮会反向旋转回来,子按钮也会向下反向旋转着收回来。这里的主按钮和子按钮都是在本控件外自行设置的,所以子按钮的响应方法也可以方便地在自己的ViewControl转载 2016-11-11 17:24:29 · 281 阅读 · 0 评论 -
《Motion Design for iOS》(十七)
简单动画是时候写一些代码了。让我们先添加一个简单的UIView对象到屏幕上并设置它的圆角。我们要把它添加到我们的主窗口上时因为它是一个快速的例子,但在真实的app界面中你需要添加到管理当前界面的视图控制器中。UIView *redBall = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];redBall.bac翻译 2016-11-12 09:19:00 · 371 阅读 · 0 评论 -
IOS图层Layer学习笔记(五)—— CATextLayer
简介CATextLayer提供了简单的文本布局,第一行是靠近顶部的。支持普通文本和属性文本。属性stringid, No Animatable。要显示的文本,类型可以使NSString或者NSAttributedString,默认值为nil。fontCFTypeRef, No Animatable。使用的字体,只有当string类型为NSString转载 2016-11-01 11:31:20 · 839 阅读 · 0 评论 -
IOS图层Layer学习笔记(四)—— CAShapeLayer
简介CAShapeLayer主要用于根据贝塞尔曲线绘制图形。 路径是CGPath对象。并允许填充和描边操作。绘制的图形是在图层和子图层之面,也就是必定会被子图层覆盖。 大部分操作和画图差不多。属性pathCGPathRef,Animatable。要呈现的形状路径。注意:虽然path有动画效果,但没有隐式动画。 下面是为path定义动画示例代码:// 先定转载 2016-11-01 11:31:34 · 418 阅读 · 0 评论 -
IOS图层Layer学习笔记(三)—— CALayer(下)
类方法+ (instancetype)layer便捷创建图层函数。 示例代码:CALayer *layer = [CATextLayer layer];11+ (nullable id)defaultValueForKey:(NSString *)key重写修改CALayer或其子类属性的默认值,key为属性名称,如果没有该属性则返回nil。 示例: 创建一转载 2016-11-01 11:31:49 · 2456 阅读 · 0 评论 -
IOS图层Layer学习笔记(一)—— 序
Layer简介iOS中的UI都是靠layer显示的,所以要做出绚丽的效果和动画必须要把layer学好。 苹果提供了不少layer类,大大方便了使用者,通常只需设置少数几个属性就能达到不错的效果。常用的layer类有以下几个:CALayerCAShapeLayerCATextLayerCAScrollLayerCATiledLayerCAGradientLayerCARe原创 2016-11-01 11:32:22 · 549 阅读 · 0 评论 -
IOS图层Layer学习笔记(二)—— CALayer(上)
CALayer是所有图层的基类。主要是一些基本显示属性(位置、锚点、颜色、透明度等)、层次关系(子图层和父图层)、基本动画等。接下来分别从常用属性、类方法和实例方法来介绍CALayer的使用。顺序是按头文件的排序来。常用属性boundsCGRect,Animatable。控制layer的大小,其中x和y无效果,默认是(0,0)。positionCGP原创 2016-11-01 11:32:40 · 1402 阅读 · 1 评论 -
didAddSubview:、willRemoveSubview:、willMoveToSuperview:、didMoveToSuperview、willMoveToWindow:
// 当视图添加子视图时调用- (void)didAddSubview:(UIView *)subview;// 当子视图从本视图移除时调用- (void)willRemoveSubview:(UIView *)subview;// 当视图即将加入父视图时 / 当视图即将从父视图移除时调用- (void)willMoveToSuper原创 2016-10-31 10:06:48 · 1385 阅读 · 0 评论