iphone ios layer 教程应用
CALayer(层)是屏幕上的一个矩形区域,在每一个UIView中都包含一个根CALayer,在UIView上的所有视觉效果都是在这个Layer上进行的。
CALayer外形特征主要包括:
1、层的大小尺寸
2、背景色
3、内容(可以填充图片或者使用Core Graphics绘制的内容)
4、矩形是否使用圆角
5、矩形是否有阴影
Layer有很多种,最常用也是最基本的是CALayer,当然还包括其他的子类:
CAScrollerLayer 简化显示层的一部分
CATextLayer 文本层
CAGradientLayer、CAShapeLayer等等
使用层之前,需要在项目中引入QuartzCore.framework框架
实例:
新建XCode项目LayerSample,导入QuartzCore.famework
在LayerSampleViewController.h文件中引入:
#import <QuartzCore/QuartzCore.h>
- LayerSampleViewController.m文件,代码:
- //
- // LayerSampleViewController.m
- // LayerSample
- //
- // Created by jordy on 11-3-28.
- // Copyright 2011 vsp. All rights reserved.
- //
- #import "LayerSampleViewController.h"
- @implementation LayerSampleViewController
- // Implement loadView to create a view hierarchy programmatically, without using a nib.
- - (void)loadView {
- UIView *rootView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 1024, 768)];
- rootView.backgroundColor = [UIColor whiteColor];
- self.view = rootView;
- [rootView release];
- //加载layer
- backLayer = [CALayer layer];
- backLayer.backgroundColor = [UIColor orangeColor].CGColor;
- backLayer.bounds = CGRectMake(10, 10, 1004, 728); //设置layer的区域
- backLayer.position = CGPointMake(1024/2, 768/2-10); //设置layer坐标
- [self.view.layer addSublayer:backLayer];
- }
- // Override to allow orientations other than the default portrait orientation.
- - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
- return interfaceOrientation == UIInterfaceOrientationLandscapeLeft;
- }
- - (void)didReceiveMemoryWarning {
- // Releases the view if it doesn't have a superview.
- [super didReceiveMemoryWarning];
- // Release any cached data, images, etc that aren't in use.
- }
- - (void)viewDidUnload {
- // Release any retained subviews of the main view.
- // e.g. self.myOutlet = nil;
- }
- - (void)dealloc {
- [super dealloc];
- }
- @end
- #import<QuartzCore/QuartzCore.h>
- LayerSampleViewController.m文件,代码:
- //
- // LayerSampleViewController.m
- // LayerSample
- //
- // Created by jordy on 11-3-28.
- // Copyright 2011 vsp. All rights reserved.
- //
- #import "LayerSampleViewController.h"
- @implementation LayerSampleViewController
- // Implement loadView to create a view hierarchy programmatically, without using a nib.
- - (void)loadView {
- UIView *rootView= [[UIView alloc] initWithFrame:CGRectMake(0, 0, 1024, 768)];
- rootView.backgroundColor= [UIColor whiteColor];
- self.view=rootView;
- [rootView release];
- //加载layer
- backLayer= [CALayer layer];
- backLayer.backgroundColor= [UIColor orangeColor].CGColor;
- backLayer.bounds=CGRectMake(10, 10, 1004, 728); //设置layer的区域
- backLayer.position=CGPointMake(1024/2, 768/2-10); //设置layer坐标
- [self.view.layer addSublayer:backLayer];
- }
- // Override to allow orientations other than the default portrait orientation.
- - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
- return interfaceOrientation== UIInterfaceOrientationLandscapeLeft;
- }
- - (void)didReceiveMemoryWarning {
- // Releases the view if it doesn't have a superview.
- [super didReceiveMemoryWarning];
- // Release any cached data, images, etc that aren't in use.
- }
- - (void)viewDidUnload {
- // Release any retained subviews of the main view.
- // e.g. self.myOutlet=nil;
- }
- - (void)dealloc {
- [super dealloc];
- }
- @end
运行程序:
为了区分背景UIView,我将UIView的背景色设置为白色,backLayer的背景色设置为橘黄色。
上图是一个矩形区域,如果设置矩形的四个角是椭圆角,可以添加属性:
backLayer.cornerRadius = 20.0; //矩形椭圆角的弧度半径
运行程序后,效果如图:
添加带阴影的子Layer(层),代码:
//添加子layer
- CALayer *cyanLayer = [CALayer layer];
- cyanLayer.backgroundColor = [UIColor cyanColor].CGColor;
- cyanLayer.bounds = CGRectMake(0, 0, 300, 300);
- cyanLayer.position = CGPointMake(180, 180);
- cyanLayer.shadowOffset = CGSizeMake(0, 3); //设置阴影的偏移量
- cyanLayer.shadowRadius = 10.0; //设置阴影的半径
- cyanLayer.shadowColor = [UIColor blackColor].CGColor; //设置阴影的颜色为黑色
- cyanLayer.shadowOpacity = 0.9; //设置阴影的不透明度
- [backLayer addSublayer:cyanLayer];
- //添加子layer
- CALayer *cyanLayer= [CALayer layer];
- cyanLayer.backgroundColor= [UIColor cyanColor].CGColor;
- cyanLayer.bounds=CGRectMake(0, 0, 300, 300);
- cyanLayer.position=CGPointMake(180, 180);
- cyanLayer.shadowOffset=CGSizeMake(0, 3); //设置阴影的偏移量
- cyanLayer.shadowRadius=10.0; //设置阴影的半径
- cyanLayer.shadowColor= [UIColor blackColor].CGColor; //设置阴影的颜色为黑色
- cyanLayer.shadowOpacity=0.9; //设置阴影的不透明度
- [backLayer addSublayer:cyanLayer];
运行效果图:
给子Layer添加图片
- //添加子image layer
- UIImage *image= [UIImage imageNamed:@"feiche.jpg"];
- CALayer *imageLayer= [CALayer layer];
- imageLayer.frame=CGRectMake(100, 100, image.size.width, image.size.height);
- imageLayer.contents= (id) image.CGImage;
- imageLayer.shadowOffset=CGSizeMake(0, 3); //设置阴影的偏移量
- imageLayer.shadowRadius=10.0; //设置阴影的半径
- imageLayer.shadowColor= [UIColor blackColor].CGColor; //设置阴影的颜色为黑色
- imageLayer.shadowOpacity=0.9; //设置阴影的不透明度
- [backLayer addSublayer:imageLayer];
- //添加子image layer
- UIImage *image= [UIImage imageNamed:@"feiche.jpg"];
- CALayer *imageLayer= [CALayer layer];
- imageLayer.frame=CGRectMake(100, 100, image.size.width, image.size.height);
- imageLayer.contents= (id) image.CGImage;
- imageLayer.shadowOffset=CGSizeMake(0, 3); //设置阴影的偏移量
- imageLayer.shadowRadius=10.0; //设置阴影的半径
- imageLayer.shadowColor= [UIColor blackColor].CGColor; //设置阴影的颜色为黑色
- imageLayer.shadowOpacity=0.9; //设置阴影的不透明度
- [backLayer addSublayer:imageLayer];
运行效果,
图片加边框,代码:
imageLayer.borderColor = [UIColor grayColor].CGColor; //边框颜色
- imageLayer.borderWidth = 2.0; //边框宽度
- imageLayer.borderColor= [UIColor grayColor].CGColor; //边框颜色
- imageLayer.borderWidth=2.0; //边框宽度
运行效果:
设置图片为椭圆角,代码:
imageLayer.cornerRadius = 10.0; //设置layer圆角半径
- imageLayer.masksToBounds = YES; //隐藏边界
- imageLayer.cornerRadius=10.0; //设置layer圆角半径
- imageLayer.masksToBounds=YES; //隐藏边界
运行效果:
但是由于设置masksToBounds 属性为true所以Layer的阴影效果也就没有了。
之前我都是将图片另外在做有阴影效果的图片,这样显的比较真实,如果阴影部分只是填充边框即可,可以采用两个Layer来实现阴影效果,代码:
UIImage *image = [UIImage imageNamed:@"feiche.jpg"];
- //阴影layer
- CALayer *shadowLayer = [CALayer layer];
- shadowLayer.frame = CGRectMake(100, 100, image.size.width, image.size.height);
- shadowLayer.backgroundColor = [UIColor blueColor].CGColor;
- shadowLayer.shadowOffset = CGSizeMake(0, 3);
- shadowLayer.cornerRadius = 10.0;
- shadowLayer.shadowRadius = 10.0;
- shadowLayer.shadowColor = [UIColor blackColor].CGColor; //设置阴影的颜色为黑色
- shadowLayer.shadowOpacity = 1.0; //设置阴影的不透明度
- [backLayer addSublayer:shadowLayer];
- //添加子image layer
- CALayer *imageLayer = [CALayer layer];
- imageLayer.frame = CGRectMake(100, 100, image.size.width, image.size.height);
- imageLayer.contents = (id) image.CGImage;
- imageLayer.cornerRadius = 10.0; //设置layer圆角半径
- imageLayer.masksToBounds = YES; //隐藏边界
- imageLayer.borderColor = [UIColor grayColor].CGColor; //边框颜色
- imageLayer.borderWidth = 2.0;
- [backLayer addSublayer:imageLayer];
- UIImage *image= [UIImage imageNamed:@"feiche.jpg"];
- //阴影layer
- CALayer *shadowLayer= [CALayer layer];
- shadowLayer.frame=CGRectMake(100, 100, image.size.width, image.size.height);
- shadowLayer.backgroundColor= [UIColor blueColor].CGColor;
- shadowLayer.shadowOffset=CGSizeMake(0, 3);
- shadowLayer.cornerRadius=10.0;
- shadowLayer.shadowRadius=10.0;
- shadowLayer.shadowColor= [UIColor blackColor].CGColor; //设置阴影的颜色为黑色
- shadowLayer.shadowOpacity=1.0; //设置阴影的不透明度
- [backLayer addSublayer:shadowLayer];
- //添加子image layer
- CALayer *imageLayer= [CALayer layer];
- imageLayer.frame=CGRectMake(100, 100, image.size.width, image.size.height);
- imageLayer.contents= (id) image.CGImage;
- imageLayer.cornerRadius=10.0; //设置layer圆角半径
- imageLayer.masksToBounds=YES; //隐藏边界
- imageLayer.borderColor= [UIColor grayColor].CGColor; //边框颜色
- imageLayer.borderWidth=2.0;
- [backLayer addSublayer:imageLayer];
运行后效果:
------转自http://blog.csdn.net/linzhiji/article/details/6748207
iphone ios layer 教程应用相关推荐
- 最新版红雪越狱iOS 6(iPhone 4)教程
最新版红雪越狱iOS 6(iPhone 4)教程 iOS 6正式开放下载当天(9月19日),iPhone Dev Team就已经公布了这一 ...
- ios绘图教程(原文http://www.cocoachina.com/industry/20140115/7703.html)
os开发者平台 Cocos引擎中文官网 H5小游戏编辑器 退出chengtanze 首页 资讯 问答 论坛 Cocos2d-x 开发者中心 新手入门 专题 新闻日历 开发者通道 排行榜 代码库 图书库 ...
- 新手必看,史上最全的iOS开发教程集锦,没有之一!
最近大火的iPhone XS Max和iPhone XS,不知道有没有同学已经下手了呢?一万三的价位确实让很多人望而却步啊.据说为了赢得中国的用户,专门出了双卡双待的,可想而知中国市场这块" ...
- wp8 导出短信 到android,1%不哭泣 WP手机转Android/iOS换机教程
尽管只有1%的份额,但WP系统手机用户的忠诚度却是Android和iPhone用户不能比的,当你终于顶不住压力放弃WP时,或许首先应该了解一下WP手机转投Android/iOS的换机教程,作为换机教程 ...
- 用Cocos2D开发的iPhone游戏的教程
用Cocos2D开发的iPhone游戏的教程 编辑 | 删除 | 权限设置 | 更多▼ iTudou 发表于2010年03月24日 00:36 阅读(1) 评论( 0) 分类: IT世 ...
- android ios换手机,1%不哭泣 WP手机转Android/iOS换机教程
尽管只有1%的份额,但WP系统手机用户的忠诚度却是Andrid和iPhone用户不能比的,当你终于顶不住压力放弃WP时,或许首先应该了解一下WP手机转投Android/iOS的换机教程,作为换机教程系 ...
- iOS汇编教程:ARM(2)
感谢唐巧抽出时间对本文进行double-check. 本文是iOS汇编教程:ARM第二篇. iOS汇编教程:ARM目录如下[共分为两篇]: iOS汇编教程:ARM(1) 开始:什么是汇编 函数调用约定 ...
- Unity3D for iOS初级教程:Part 2/3
Unity3D for iOS初级教程:Part 2/3 这篇教材是来自教程团队成员 Christine Abernathy, 他是Facebook的开发支持团队的工程师. 欢迎来到Unity3D f ...
- 【转】iphone - ios app maximum memory budget
[转]iphone - ios app maximum memory budget https://stackoverflow.com/questions/5887248/ios-app-maximu ...
最新文章
- access database in a helper function ?
- 广州站 | 云原生 Serverless 技术实践营精彩回顾
- c++工程师面试常见问题之c++中四种cast转换
- Python多线程(自学必备 超详细)
- pytorch构造IterableDataset,流式读取文件夹,文件夹下所有大数据文件,逐个文件!逐行读取!(pytorch Data学习四)
- 泛型系列3:获取泛型的类型
- Codeforces Round #462 (Div. 2): A. A Compatible Pair
- leetcode——Divide Two Integers
- 日志记录模式(LOGGING 、FORCE LOGGING 、NOLOGGING)
- 仓库体积过大,如何减小?
- sqlserver 修改表字段长度
- eclipse安装Subclipse(svn数据源)
- UG NX 12同步建模:调整面大小
- FontForge 修改,删除,设计字体
- 自制hdmi线一头改vga图_什么是VGA?
- (VS2008)Cannot open include file: 'windows.h': No such file or directory 解决办法
- 过去的Tony老师你爱理不理,现在的Tony老师你高攀不起
- html里hr标签,HTML hr 标签
- 音乐计算机编程,计算机音乐编程的基本类型研究
- 【Shopee干货】虾皮广告关键词选词技巧