版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
UI高级
CALayer掌握CALayer的基本属性CALayer和UIView的关系position和anchorPoint的作用CALayer在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮、一个文本标签、一个文本输入框、一个图标等等,这些都是UIView其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层@property(nonatomic,readonly,retain)
CALayer*layer;当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示换句话说,UIView本身不具备显示的功能,是它内部的层才有显示功能CALayer的基本使用通过操作CALayer对象,可以很方便地调整UIView的一些外观属性,比如:阴影圆角大小边框宽度和颜色…
…还可以给图层添加动画,来实现一些比较炫酷的效果根层设置的所有属性作用在根层上面.根层content根层mask层:裁剪内容层CALayer的属性宽度和高度@property
CGRectbounds;位置(默认指中点,具体由anchorPoint决定)@property
CGPointposition;锚点(x,y的范围都是0-1),决定了position的含义@property
CGPointanchorPoint;背景颜色(CGColorRef类型)@property
CGColorRefbackgroundColor;形变属性@property
CATransform3Dtransform;CALayer的属性边框颜色(CGColorRef类型)@property
CGColorRefborderColor;边框宽度@property
CGFloatborderWidth;圆角半径@property
CGColorRefborderColor;内容(比如设置为图片CGImageRef)@property(retain)idcontents;x\y\z轴xyz坐标原点(0,0,0)关于CALayer的疑惑首先CALayer是定义在QuartzCore框架中的CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的UIColor、UIImage是定义在UIKit框架中的其次QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和MacOSX上都能使用但是UIKit只能在iOS中使用为了保证可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRefUIView和CALayer的选择通过CALayer,就能做出跟UIImageView一样的界面效果既然CALayer和UIView都能实现相同的显示效果,那究竟该选择谁好呢?其实,对比CALayer,UIView多了一个事件处理的功能。也就是说,CALayer不能处理用户的触摸事件,而UIView可以所以,如果显示出来的东西需要跟用户进行交互的话,用UIView;如果不需要跟用户进行交互,用UIView或者CALayer都可以当然,CALayer的性能会高一些,因为它少了事件处理的功能,更加轻量级position和anchorPointCALayer有2个非常重要的属性:position和anchorPoint@property
CGPointposition;用来设置CALayer在父层中的位置以父层的左上角为原点(0,0)@property
CGPointanchorPoint;称为“定位点”、“锚点”决定着CALayer身上的哪个点会在position属性所指的位置以自己的左上角为原点(0,0)它的x、y取值范围都是0~1,默认值为(0.5,0.5)anchorPoint(示意图)(0,
0)xy(1,
1)红色图层的anchorPoint是(0,
0)红色图层的anchorPoint是(0.5,
0.5)红色图层的anchorPoint是(1,1)红色图层的anchorPoint是(0.5,0)红色图层的anchorPoint是(1,
0.5)position和anchorPoint添加一个红色图层到绿色图层上红色图层显示到什么位置,由position属性决定假设红色图层的position是(100,100)红色图层的anchorPoint是(0,0)红色图层的anchorPoint是(0.5,0.5)红色图层的anchorPoint是(1,1)红色图层的anchorPoint是(0.5,0)红色图层的anchorPoint是(1,0.5)100100(0,0)隐式动画每一个UIView内部都默认关联着一个CALayer,我们可用称这个Layer为RootLayer(根层)所有的非RootLayer,也就是手动创建的CALayer对象,都存在着隐式动画什么是隐式动画?当对非RootLayer的部分属性进行修改时,默认会自动产生一些动画效果而这些属性称为AnimatableProperties(可动画属性)列举几个常见的AnimatableProperties:bounds:用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画backgroundColor:用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画position:用于设置CALayer的位置。修改这个属性会产生平移动画positoon隐式动画可以通过动画事务(CATransaction)关闭默认的隐式动画效果[CATransaction
begin];[CATransaction
setDisableActions:YES];self.myvi
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年数字媒体项目规划申请报告
- 公司财务会计个人工作总结7篇
- 2025年油井加热自控仪项目立项申请报告范文
- 高二语文教师个人工作计划5篇
- 认识实习报告锦集5篇
- 第8课时《 列方程解决实际问题(3)》(教学实录)-2023-2024学年五年级下册数学苏教版
- 2024-2025学年高中英语 Unit 3 Inventors and inventions Section Ⅲ Grammar(教师用书)教学实录 新人教版选修8
- 中学班主任工作总结模板5篇
- 大学生保险公司实习报告汇编6篇
- 销售月度工作计划(15篇)
- 未成年消费退款协议书范本
- 政协分组讨论个人发言稿
- 2024年新苏教版六年级上册科学全册知识点 (背诵用)
- DL∕T 5210.6-2019 电力建设施工质量验收规程 第6部分:调整试验
- DL∕T 802.2-2017 电力电缆用导管 第2部分:玻璃纤维增强塑料电缆导管
- 锚索张拉记录表
- 全国计算机等级考试二级Python复习备考题库(含答案)
- 《生物安全培训》课件-2024鲜版
- 更换电梯协议书范本
- 湖北省仙桃市2023-2024学年七年级下学期期末地理试题(无答案)
- 每日食品安全检查记录表
评论
0/150
提交评论