博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ios至于理解锚
阅读量:5061 次
发布时间:2019-06-12

本文共 1673 字,大约阅读时间需要 5 分钟。

锚点ios出现在少数地方,多数用在动画。

今天看了一部电影,以上所有关于锚,两年前锚这个概念看cocos2d当被接触的基本概念,当时我没怎么看,今天看了,刚刚好学习。

阅读blog,它是关于锚,像:

cocos2d里採用OpenGL ES坐标系。坐标原点在屏幕左下角。

而ios採用的是Quartz 2D坐标系,坐标原点在屏幕左上角。

在cocos2d和ios中分别把视图的坐标点设为(10,10),结果例如以下:

那么什么是锚点呢?以下以一个样例来说明:
比方要创建下面两个视图,蓝色视图左上角在坐标(5,4)处。而橙色视图右边和蓝色视图对齐,有一半的高度处于蓝色视图外面。

依照ios标准的创建视图的写法能够这样写代码:

 
  1. UIView *blueView = [[UIView alloc] initWithFrame:CGRectMake(5, 4, W, H)];
  2. blueView.backgroundColor = [UIColor blueColor];
  3. [self.view addSubview:blueView];
  4.  
  5. UIView *orangeView = [[UIView alloc] initWithFrame:CGRectMake(W-w, H-h/2, w, h)];
  6. orangeView.backgroundColor = [UIColor orangeColor];
  7. [blueView addSubview:orangeView];

能够看到创建视图时就要计算视图左上角的坐标,很麻烦。

而使用了锚点的代码能够这样写:

 
  1. UIView *blueView = [[UIView alloc] initWithSize:CGSizeMake(W, H)];
  2. [blueView setPosition:CGPointMake(5, 4) atAnchorPoint:CGPointMake(0, 0)];
  3. blueView.backgroundColor = [UIColor blueColor];
  4. [self.view addSubview:blueView];
  5.  
  6. UIView *orangeView = [[UIView alloc] initWithSize:CGSizeMake(w, h)];
  7. [orangeView setPosition:CGPointMake(W, H) atAnchorPoint:CGPointMake(1, 0.5)];
  8. orangeView.backgroundColor = [UIColor orangeColor];
  9. [blueView addSubview:orangeView];
可见,使用锚点省去了苦逼的计算过程。当然了,锚点也是针对子视图去设计的。锚点掌握好了,我们就不用再去计算x,y坐标了。

就拿上面这个样例分析一下吧:

把鸟瞰图蓝色view的左边点(W,H)作为自身的锚点(1,0.5)【注意:锚点是在自身上找,这个点一一映射的有一个父view的坐标,能够通过这两个值来计算子视图的view.frame.origin】.

好好理解上句话,锚点的坐标范围例如以下:

这是在Quartz 2D坐标系中得锚点。

以下看一下代码中把父视图的点作为自身锚点的方法。

- (void)setPosition:(CGPoint)point atAnchorPoint:(CGPoint)anchorPoint{    CGFloat x = point.x - anchorPoint.x * self.width;    CGFloat y = point.y - anchorPoint.y * self.height;    [self setOrigin:CGPointMake(x, y)];}

版权声明:本文博客原创文章,博客,未经同意,不得转载。

转载于:https://www.cnblogs.com/mfrbuaa/p/4738551.html

你可能感兴趣的文章
模板统计LA 4670 Dominating Patterns
查看>>
泛型第23条:请不要在新代码中使用原生态类型
查看>>
非对称加密
查看>>
bzoj 3413: 匹配
查看>>
从下周开始就要采用网上记录值班日志了
查看>>
在qq中可以使用添加标签功能
查看>>
eclipse 自定义布局
查看>>
团队项目开发客户端——登录子系统的设计
查看>>
【AppScan心得】IBM Rational AppScan 无法记录登录序列
查看>>
[翻译] USING GIT IN XCODE [4] 在XCODE中使用GIT[4]
查看>>
简化通知中心的使用
查看>>
SpringMVC的@Validated校验注解使用方法
查看>>
Python之os模块
查看>>
IO—》Properties类&序列化流与反序列化流
查看>>
【蓝桥杯】PREV-21 回文数字
查看>>
html 简介
查看>>
python使用上下文对代码片段进行计时,非装饰器
查看>>
js中比较实用的函数用法
查看>>
安装预览版镜像后无法检测到预览版更新的解决方案
查看>>
【bzoj5099】[POI2018]Pionek 双指针法
查看>>