【iOS】Quartz2D练习-动态改变属性值
一、通过slider控制圆的缩放
1.实现过程
新建一个项目,新建一个继承自UIview的类,并和storyboard中自定义的view进行关联。
代码示例:
SLViewController.m文件
#import "SLViewController.h"
#import "SLview.h" @interface YYViewController ()
@property (weak, nonatomic) IBOutlet YYview *circleView;
- (IBAction)valueChange:(UISlider *)sender; @end @implementation YYViewController - (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
} - (IBAction)valueChange:(UISlider *)sender {
//当值改变的时候,把值传递给view,改变圆的半径
NSLog(@"%f",sender.value);
//把sender的值传递给自定义view,设置圆的半径
self.circleView.radius=sender.value;
}
@end
SLViewController.m
SLView.h
#import <UIKit/UIKit.h> @interface SLview : UIView
//提供一个属性来接收外界传入的半径
@property(nonatomic,assign)float radius;
@end
SLView
SLView.m
#import "SLview.h" @implementation SLview
//自定义view中的圆不显示
//重写set方法,为半径赋值
-(void)setRadius:(float)radius
{
_radius=radius;
//通知自定义的view重新绘制图形
[self setNeedsDisplay];
} //如果view是从xib或storyboard中创建出来的会先调用awakefromnib方法
- (void)awakeFromNib
{
//在这里为圆的半径设定一个初始的值
self.radius = ;
} - (void)drawRect:(CGRect)rect
{
//1.获取图形上下文
CGContextRef ctx=UIGraphicsGetCurrentContext();
//2.绘图
//在自定义的view中画一个圆
CGContextAddArc(ctx, , , self.radius, , *M_PI, );
//设置圆的填充颜色
[[UIColor grayColor]set]; //3.渲染
// CGContextStrokePath(ctx);
CGContextFillPath(ctx);
} @end
效果:
2.注意点:
#import "SLview.h" //私有扩展
@interface SLview ()
@property(nonatomic,assign)float imageY; @end
@implementation SLview -(id)initWithCoder:(NSCoder *)aDecoder
{
//请注意这里一定要先初始化父类的构造方法
if (self=[super initWithCoder:aDecoder]) {
NSLog(@"initWithCoder:"); //NSTimer一般用于定时的更新一些非界面上的数据,告诉多久调用一次
//使用定时器,使用该定时器会出现卡顿的现象
// [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(updateImage) userInfo:nil repeats:YES]; // CADisplayLink刷帧,默认每秒刷新60次
//该定时器创建之后,默认是不会执行的,需要把它加载到消息循环中
CADisplayLink *display= [CADisplayLink displayLinkWithTarget:self selector:@selector(updateImage)];
[display addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode]; }
return self;
} -(void)updateImage
{
//调用该方法重绘画面
[self setNeedsDisplay];
}
-(void)awakeFromNib
{
NSLog(@"awakeFromNib");
} - (void)drawRect:(CGRect)rect
{
//把图片绘制到view上 //每次调用该方法对画面进行重绘时,imageY的值就+5
self.imageY+=;
//判断,当雪花超出屏幕的时候,让图片从头开始降落
if (self.imageY>rect.size.height) {
self.imageY=;
}
UIImage *image=[UIImage imageNamed:@"snow"];
[image drawAtPoint:CGPointMake(, self.imageY)]; UIImage *image2=[UIImage imageNamed:@"me"];
[image2 drawAtPoint:CGPointMake(, self.imageY)]; } @end
SLView
实现效果
2.重要说明
(1)下面两个方法的调用顺序
-(void)awakeFromNib
-(id)initWithCoder:(NSCoder *)aDecoder
提示:如果view是从xib或storyboard中创建可以调用awakefromnib方法,归档。从文件创建view,其实会先调用initwithcoder这个方法。xib和storyboard也是文件。
上面两个方法,-(id)initWithCoder:(NSCoder *)aDecoder会先调用。实现该方法需要实现NSCoding协议,由于创建的UIView默认就已经实现了该协议。
可以进入到头文件查看:
运行新建的程序,通过打印可以验证上面两个方法的调用顺序。
(2)两个定时器
第一个:
[NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(updateImage) userInfo:nil repeats:YES];
说明: NSTimer一般用于定时的更新一些非界面上的数据,告诉多久调用一次
第二个:
CADisplayLink *display= [CADisplayLink displayLinkWithTarget:self selector:@selector(updateImage)];
[display addToRunLoop:[NSRunLoopmainRunLoop] forMode:NSDefaultRunLoopMode];
说明: CADisplayLink刷帧,默认每秒刷新60次。该定时器创建之后,默认是不会执行的,需要把它加载到消息循环中
最新文章
- Design6:选择合适的数据类型
- [ASP.NET MVC] 利用自定义的AuthenticationFilter实现Basic认证
- data Binding
- [python基础]关于中文编码和解码那点事儿
- break和continue的区别以及标签label的使用
- 【Minimum Depth of Binary Tree】cpp
- PAT乙级真题1002. 写出这个数 (20)(解题)
- git subtree
- Oracle控制文件丢失,日志文件丢失
- 蓝牙音箱bose soundlink mini2链接mac后itunes自动启动的问题解决
- hibernate 多对一的情况
- C#序列化和反序列化
- TCP/IP详解之:Ping程序、Traceroute程序
- 学习笔记之NodeJs基本操作
- [BZOJ1607] [Usaco2008 Dec] Patting Heads 轻拍牛头 (数学)
- 初识Selenium以及Selenium常用工具的简单介绍
- python三元操作符
- Tomcat 调优方案
- 让你爱不释手的 Python 模块
- 前端校验框架ValidForm之check方法修正
热门文章
- 使用 SyndicationFeed 输出 Rss
- JIT
- Python Flask UnicodeDecodeError 编码错误解决
- Embedding Python in C
- sqlite3基础
- 让mingw gdb支持STL,并自动load .gdbinit
- Maximum Entropy Markov Models for Information Extraction and Segmentation
- repo: 创建local manifest以及如何添加app到CM/Android build系统中
- Java hashCode() 和 equals()的若干问题解答
- Hadoop入门进阶课程1--Hadoop1.X伪分布式安装