2024年前端最全Core Animation实战二(寄宿图),年末阿里百度等大厂技术面试题汇总

最后

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

给大家分享一些关于HTML的面试题。


// LayerContentViewController.m

// LayerStudyDemo

//

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

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

//

#import “LayerContentViewController.h”

@interface LayerContentViewController ()

@end

@implementation LayerContentViewController

  • (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view from its nib.

[self contentImageDemo];

}

//寄宿图

-(void)contentImageDemo{

UIImage * image = [UIImage imageNamed:@“timg.png”];

CALayer * imageLayer = [CALayer layer];

imageLayer.frame = CGRectMake(50, 200, 300, 300);

//contents 图层的寄宿图 是一个CGImageRef类型,它是一个指向CGImage结构的指针

imageLayer.contents = (__bridge id _Nullable)(image.CGImage);

//contentsGravity的目的是为了决定内容在图层的边界中怎么对齐,我们将使用kCAGravityResizeAspect,它的效果等同于UIViewContentModeScaleAspectFit, 同时它还能在图层中等比例拉伸以适应图层的边界。

imageLayer.contentsGravity = kCAGravityResizeAspect;

//contentsScale属性定义了寄宿图的像素尺寸和视图大小的比例,默认情况下它是一个值为1.0的浮点数。

//contentsScale的目的并不是那么明显。它并不是总会对屏幕上的寄宿图有影响。如果你尝试对我们的例子设置不同的值,你就会发现根本没任何影响。因为contents由于设置了contentsGravity属性,所以它已经被拉伸以适应图层的边界。

imageLayer.contentsScale= 5.f;

//我们裁切图片的时候肯定用过这个属性,是否绘制超出吧边界的视图

imageLayer.masksToBounds = YES;

//这个不用介绍了吧

imageLayer.cornerRadius = 5.0f;

//这个属性需要介绍下,我们以前见过美工给图在一张图上,我们应该怎么用呢。用这个属性我们就可以切出我们要的那一部分了。

imageLayer.contentsRect = CGRectMake(0, 0, 0.5, 0.5);

//contentsCenter其实是一个CGRect,它定义了一个固定的边框和一个在图层上可拉伸的区域。 改变contentsCenter的值并不会影响到寄宿图的显示,除非这个图层的大小改变了,你才看得到效果。

imageLayer.contentsCenter = CGRectMake(0, 0, 0.1, 0.1);

[self.view.layer addSublayer:imageLayer];

}

  • (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

/*

#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation

  • (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {

// Get the new view controller using [segue destinationViewController].

// Pass the selected object to the new view controller.

}

*/

@end

  • Core Graphics绘制寄宿图

CALayer有一个可选的delegate属性,实现了CALayerDelegate协议,当CALayer需要一个内容特定的信息时,就会从协议中请求。CALayerDelegate是一个非正式协议,其实就是说没有CALayerDelegate @protocol可以让你在类里面引用啦。你只需要调用你想调用的方法,CALayer会帮你做剩下的。(delegate属性被声明为id类型,所有的代理方法都是可选的)。

当需要被重绘时,CALayer会请求它的代理给他一个寄宿图来显示。它通过调用下面这个方法做到的:

(void)displayLayer:(CALayerCALayer *)layer;

趁着这个机会,如果代理想直接设置contents属性的话,它就可以这么做,不然没有别的方法可以调用了。如果代理不实现-displayLayer:方法,CALayer就会转而尝试调用下面这个方法:

  • (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx;
Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 26
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值