Core Animation实战五（变换），微信小程序前端开发

CG_EXTERN CGAffineTransform CGAffineTransformTranslate(CGAffineTransform t,

CGFloat tx, CGFloat ty) CG_AVAILABLE_STARTING(__MAC_10_0, __IPHONE_2_0);

/* Scale `t’ by `(sx, sy)’ and return the result:

t’ = [ sx 0 0 sy 0 0 ] * t */

CG_EXTERN CGAffineTransform CGAffineTransformScale(CGAffineTransform t,

CGFloat sx, CGFloat sy) CG_AVAILABLE_STARTING(__MAC_10_0, __IPHONE_2_0);

/* Rotate `t’ by `angle’ radians and return the result:

t’ =  [ cos(angle) sin(angle) -sin(angle) cos(angle) 0 0 ] * t */

CG_EXTERN CGAffineTransform CGAffineTransformRotate(CGAffineTransform t,

CGFloat angle) CG_AVAILABLE_STARTING(__MAC_10_0, __IPHONE_2_0);

DEMO：

//

// CGAffineTransformViewController.m

// LayerStudyDemo

//

// Created by apple on 2017/9/30.

// Copyright © 2017年 ZY. All rights reserved.

//

#import “CGAffineTransformViewController.h”

@interface CGAffineTransformViewController ()

@property (weak, nonatomic) IBOutlet UITextView *layerTextView;

@end

@implementation CGAffineTransformViewController

• (void)viewDidLoad {

[super viewDidLoad];

//CGAffineTransform 创建初始化

CGAffineTransform transform = CGAffineTransformIdentity;

//缩放

transform = CGAffineTransformScale(transform, 0.6, 0.6);

//旋转

transform = CGAffineTransformRotate(transform, M_PI / 180.0 * 30.0);

//位移变化

transform = CGAffineTransformTranslate(transform, 20, 100);

//应用到layer

self.layerTextView.layer.affineTransform = transform;

}

• (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

• 3D仿射变换

根据名字我们可以知道，3D仿射变化与仿射变化的区别在于3D是三维矩阵的变换，有了Z轴变化。

Demo：

//

// ThreeDTransViewController.m

// LayerStudyDemo

//

// Created by apple on 2017/10/9.

// Copyright © 2017年 ZY. All rights reserved.

//

#import “ThreeDTransViewController.h”

@interface ThreeDTransViewController ()

@property (weak, nonatomic) IBOutlet UIImageView *imgView;

@end

@implementation ThreeDTransViewController

• (void)viewDidLoad {

[super viewDidLoad];

//初始化CATransform3D

CATransform3D transForm = CATransform3DIdentity;

//m34决定远近缩放

transForm.m34 = - 1.0 / 500.0;

//旋转M_PI_4

transForm = CATransform3DRotate(transForm, M_PI_4, 0, 1, 0);

//应用带Layer

_imgView.layer.transform= transForm;

}

• (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

• 立体模型

我们知道3D变换，那固体模型也可以通过3D变换做出来了。具体看代码备注

Demo：

//

// StereomodelViewController.m

// LayerStudyDemo

//

// Created by apple on 2017/10/10.

// Copyright © 2017年 ZY. All rights reserved.

//

#import “StereomodelViewController.h”

#import <GLKit/GLKit.h>

#define LIGHT_DIRECTION 0, 1, -0.5

#define AMBIENT_LIGHT 0.5

@interface StereomodelViewController ()

@property (strong, nonatomic) IBOutletCollection(UIView) NSArray *faceViews;

@end

@implementation StereomodelViewController

• (void)viewDidLoad {

[super viewDidLoad];

//创建CATransform3D

CATransform3D perspective = CATransform3DIdentity;

//灭点 物体远近缩放比例

perspective.m34 = -1.0 / 500.0;

//X轴旋转M_PI_4

perspective = CATransform3DRotate(perspective, -M_PI_4, 1, 0, 0);

//Y轴旋转M_PI_4

perspective = CATransform3DRotate(perspective, -M_PI_4, 0, 1, 0);

//子Layer整体应用此CATransform3D

self.view.layer.sublayerTransform = perspective;

[self setRectModel];

}

//添加正方形View到界面，然后组装

-(void)addFaceViewInContainViewWithTransform:(CATransform3D)transform andIndex:(NSUInteger)index{

UIView * faceView = _faceViews[index];

faceView.layer.borderWidth = 1;

faceView.layer.borderColor = [UIColor blackColor].CGColor;

[self.view addSubview:faceView];

faceView.center = self.view.center;

faceView.layer.transform = transform;

[self applyLightingToFace:faceView.layer];

}

//没有实现光线阴影效果，回来找BUG
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

资料领取方式：戳这里前往免费领取