首页 > 代码库 > 初识CALayer之简易时钟

初识CALayer之简易时钟





#import "ViewControl技术分享ler.h"#import <QuartzCore/QuartzCore.h>@interface ViewController (){ //时针 UIImageView *m_s; //分针 UIImageView *m_f; //秒针 UIImageView *m_m;}@end@implementation ViewController- (void)viewDidLoad{ [super viewDidLoad]; m_s = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"s"]]; m_s.frame = CGRectMake(0, 0, 20, 90); m_f = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"f"]]; m_f.frame = CGRectMake(0, 0, 20, 100); m_m = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"m"]]; m_m.frame = CGRectMake(0, 0, 20, 130); CALayer *blueLayer = [[CALayer alloc] init]; blueLayer.frame = CGRectMake(10, 20, 300, 400); blueLayer.backgroundColor = [UIColor blueColor].CGColor;// 把blueLayer的contents属性设置成图片。// contents /* An object providing the contents of the layer, typically a CGImageRef, * but may be something else. (For example, NSImage objects are * supported on Mac OS X 10.6 and later.) Default value is nil. * Animatable. *对象提供该层的内容,一个典型的cgimageref, *但可能是别的东西。(例如,nsimage对象 *后来支持在MAC OS X 10.6和默认值是零。)。 *动画。*/ UIImage *image = [UIImage imageNamed:@"b"]; blueLayer.contents = (__bridge id)(image.CGImage); /* CALayer与contentMode对应的属性叫做contentsGravity,但是它是一个NSString类型,而不是像对应的UIKit部分,那里面的值是枚举。contentsGravity可选的常量值有以下一些: kCAGravityCenter kCAGravityTop kCAGravityBottom kCAGravityLeft kCAGravityRight kCAGravityTopLeft kCAGravityTopRight kCAGravityBottomLeft kCAGravityBottomRight kCAGravityResize kCAGravityResizeAspect kCAGravityResizeAspectFill 和cotentMode一样,contentsGravity的目的是为了决定内容在图层的边界中怎么对齐,我们将使用kCAGravityResizeAspect,它的效果等同于UIViewContentModeScaleAspectFit, 同时它还能在图层中等比例拉伸以适应图层的边界。 */ blueLayer.contentsGravity = kCAGravityCenter; // 当用代码的方式来处理寄宿图的时候,一定要记住要手动的设置图层的contentsScale属性,否则,你的图片在Retina设备上就显示得不正确啦。代码如下: blueLayer.contentsScale = [UIScreen mainScreen].scale; // UIView有一个叫做clipsToBounds的属性可以用来决定是否显示超出边界的内容, //CALayer对应的属性叫做masksToBounds,把它设置为YES,图片就在边界里了 blueLayer.masksToBounds = YES; // [self addSpriteImage:image withContentRect:CGRectMake(0, 0, 1, 1) Layer:blueLayer]; // blueLayer.contentsCenter = CGRectMake(0.25, 0.25, .5, .5); // self.view.transform = CGAffineTransformMakeRotation(.5); [self.view.layer addSublayer:blueLayer]; m_s.center = CGPointMake(blueLayer.position.x , blueLayer.position.y); m_f.center = CGPointMake(blueLayer.position.x , blueLayer.position.y); m_m.center = CGPointMake(blueLayer.position.x , blueLayer.position.y); m_s.layer.anchorPoint = CGPointMake(.5, .9); m_f.layer.anchorPoint = CGPointMake(.5, .9); m_m.layer.anchorPoint = CGPointMake(.5, .9); [self.view addSubview:m_s]; [self.view addSubview:m_f]; [self.view addSubview:m_m]; [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(tick) userInfo:nil repeats:YES]; //set initial hand positions [self tick]; }- (void)tick{ //convert time to hours, minutes and seconds NSCalendar *calendar = [[NSCalendar alloc] initWithCalendarIdentifier:NSGregorianCalendar]; NSUInteger units = NSHourCalendarUnit | NSMinuteCalendarUnit | NSSecondCalendarUnit; NSDateComponents *components = [calendar components:units fromDate:[NSDate date]]; CGFloat hoursAngle = (components.hour / 12.0) * M_PI * 2.0; //calculate hour hand angle //calculate minute hand angle CGFloat minsAngle = (components.minute / 60.0) * M_PI * 2.0; //calculate second hand angle CGFloat secsAngle = (components.second / 60.0) * M_PI * 2.0; //rotate hands m_s.transform = CGAffineTransformMakeRotation(hoursAngle); m_f.transform = CGAffineTransformMakeRotation(minsAngle); m_m.transform = CGAffineTransformMakeRotation(secsAngle);}/*! * @Author Yunis_song, 15-01-07 16:01:51 * * @brief 加载图片切割尺寸,只加载自己想要的部分 * * @param image 图片 * @param rect 加载图片剪裁信息 * @param layer 图片加载到哪里 */- (void)addSpriteImage:(UIImage *)image withContentRect:(CGRect)rect Layer:(CALayer *)layer //set image{ layer.contents = (__bridge id)image.CGImage; //scale contents to fit layer.contentsGravity = kCAGravityResizeAspect; //set contentsRect //CGRectMake(x, y, w, h) 加载图片位置 //x 加载图片其实x坐标 值:0-1,相对位置 0 起始点 0.5 一半起始点 //y 加载图片其实y坐标 值:0-1,相对位置 0 起始点 0.5 一半起始点 //w 宽度 值:0-1 1加载全部 0.5 加载一般宽度 //h 高度 值:0-1 1加载全部 0.5 加载一般高度 layer.contentsRect = rect;}- (void)didReceiveMemoryWarning{ [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated.}@end

 

初识CALayer之简易时钟