iOS:UIView的CALayer基本演练

UIView的CALayer基本演练的属性和注意事项:

在UIView中创建一个按钮UIButton,然后设置UIButton的Layer属性

–圆角、边框、阴影及3D形变属性

注意:

1.在UIView中CALayer只是一个类声明,因此需要添加QuartzCore框架(iOS7中已经不需要在导入了)

2.UIKit框架只能应用在iOS而不能用于Mac,但是Quartz 2D是可以跨平台的,因此在使用颜色时,不能直接使用UIColor而需要将颜色转成CGColor

3.修改图层相当于修改UIView属性,即修改了界面属性

4.形变属性既可以用形变函数指定,也可以用keyPath指定

具体的代码演示如下:所有的代码均在控制器类的- (void)viewDidLoad { [super viewDidLoad];....}方法中完成

//创建按钮

    //添加button
    UIButton *button = [[UIButton alloc]init];
    //设置frame
    button.frame = CGRectMake(100, 100, 100, 100);

//背景色

button.layer.backgroundColor = [[UIColor redColor]CGColor];

[self.view addSubview:button];

//演示结果

//设置圆角

    //设置圆角半径
    button.layer.cornerRadius = 50.0;

//演示结果

//设置边框

    //设置边框(颜色、边宽)
    button.layer.borderColor = [[UIColor greenColor]CGColor];
    button.layer.borderWidth = 2.0;

//演示结果

//设置阴影

    //设置阴影(颜色、偏移量、透明度、半径)
    button.layer.shadowColor = [[UIColor purpleColor]CGColor];
    button.layer.shadowOffset = CGSizeMake(0, 0);
    button.layer.shadowOpacity = 1.0;
    button.layer.shadowRadius = 20.0;

//演示结果

//添加内容

    //设置内容
    button.layer.contents = (id)[[UIImage imageNamed:@"2.png"] CGImage];

//演示结果

//进行平移的形变并恢复原状(演示结果自己验证)

    //设置平移(每一个轴平移长度)
    button.layer.transform = CATransform3DMakeTranslation(10, 300, 0.0);
    //恢复平移
    //button.layer.transform = CATransform3DIdentity;

//进行选装形变并恢复原状

    //设置旋转(旋转角度、x轴、y轴、z轴)
    button.layer.transform = CATransform3DMakeRotation(M_PI, 1, 0, 0);
    //恢复旋转
    //button.layer.transform = CATransform3DIdentity;

//演示结果

//进行放缩形变并恢复原状

    //设置放缩(每一个轴方向放缩大小系数)
    button.layer.transform = CATransform3DMakeScale(2, 2, 2);
    //恢复放缩
    //button.layer.transform = CATransform3DIdentity;

//演示结果

时间: 2024-10-21 19:49:33

iOS:UIView的CALayer基本演练的相关文章

iOS开发——UIView与CALayer详解

UIView与CALayer详解 研究Core Animation已经有段时间了,关于Core Animation,网上没什么好的介绍.苹果网站上有篇专门的总结性介绍,但是似乎原理性的东西不多,看得人云山雾罩,感觉,写那篇东西的人,其实是假 设读的人了解界面动画技术的原理的.今天有点别的事情要使用Linux,忘掉了ssh的密码,没办法重新设ssh,结果怎么也想不起来怎么设ssh远程登 陆了,没办法又到网上查了一遍,太浪费时间了,痛感忘记记笔记是多么可怕的事情.鉴于Core Animation的内

iOS 中 UIView 和 CALayer 的关系

UIView 有一个名叫 layer ,类型为 CALayer 的对象属性,它们的行为很相似,主要区别在于:CALayer 继承自 NSObject ,不能够响应事件. 这是因为 UIView 除了负责响应事件 ( 继承自 UIReponder ) 外,它还是一个对 CALayer 的底层封装.可以说,它们的相似行为都依赖于 CALayer 的实现,UIView 只不过是封装了它的高级接口而已. 那 CALayer 是什么呢? CALayer(图层) 文档对它定义是:管理基于图像内容的对象,允许

另类的视角看“UIView”和“CALayer”——灵之于魄,男人之于肾的关系

清晨接连翻阅了几篇关于UIView和CALayer的博文,要么是上来一排排的代码(破坏了优雅的气氛),要么是题不达意(喂,what are you ‘写啥’ 嘞),看的我是雨里雾里,当然也有大牛辛辛苦苦的写的优秀文章,只是最近小编也正在学习“核心动画”,因为核心动画操作的对象不是UIView,而是CALayer,而对于二者那剪不断理还乱的关系 小编索性自己通过这篇博文整理了些粗浅的想法. -=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

ios uiview封装动画(摘录)

iOS开发UI篇—核心动画(UIView封装动画) 一.UIView动画(首尾) 1.简单说明 UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持 执行动画所需要的工作由UIView类自动完成,但仍要在希望执行动画时通知视图,为此需要将改变属性的代码放在[UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之间 常见方法解析: + (void)setAnimat

UIView和CALayer的区别

1. UIView是iOS系统中界面元素的基础,所有的界面元素都是继承自它.它本身完全是由CoreAnimation来实现的.它真正的绘图部分,是由一个CALayer类来管理.UIView本身更像是一个CALayer的管理器,访问它的跟绘图和跟坐标有关的属性,例如frame,bounds等,实际上内部都是在访问它所包含的CALayer的相关属性. 2. UIView有个重要属性layer,可以返回它的主CALayer实例. // 要访问层,读取UIView实例的layer属性 CALayer *

【好程序员笔记分享】——UIView与CALayer详解

-iOS培训,iOS学习-------型技术博客.期待与您交流!------------ UIView与CALayer详解 研究Core Animation已经有段时间了,关于Core Animation,网上没什么好的介绍.苹果网站上有篇专门的总结性介绍,但是似乎原理性的东西不多,看得人云山雾罩,感觉,写那篇东西的人,其实是假 设读的人了解界面动画技术的原理的.今天有点别的事情要使用Linux,忘掉了ssh的密码,没办法重新设ssh,结果怎么也想不起来怎么设ssh远程登 陆了,没办法又到网上查

UIView与CALayer的区别,很详细

研究Core Animation已经有段时间了,关于Core Animation,网上没什么好的介绍.苹果网站上有篇专门的总结性介绍,但是似乎原理性的东西不多,看得人云山雾罩,感觉,写那篇东西的人,其实是假设读的人了解界面动画技术的原理的.今天有点别的事情要使用Linux,忘掉了ssh的密码,没办法重新设ssh,结果怎么也想不起来怎么设ssh远程登陆了,没办法又到网上查了一遍,太浪费时间了,痛感忘记记笔记是多么可怕的事情.鉴于Core Animation的内容实在是非常繁杂,应用的Obj-C语言

[转]UIView 和 CALayer的那点事

(1)老祖 万物归根,UIView和CALayer都是的老祖都是NSObjet. 1: UIView的继承结构为: UIResponder : NSObject. 可以看出UIView的直接父类为UIResponder 类, UIResponder 是gsm的呢? 官方的解释: The UIResponder class defines an interface for objects that respond to and handle events. It is the superclass

IOS UIView圆角,阴影,边框,渐增光泽

圆角 sampleView.layer.cornerRadius = 2.5; // 圓角的弧度sampleView.layer.masksToBounds = YES; 阴影 sampleView.layer.shadowColor = [[UIColor blackColor] CGColor];sampleView.layer.shadowOffset = CGSizeMake(3.0f, 3.0f); // [水平偏移, 垂直偏移]sampleView.layer.shadowOpaci