iOS学习教程之UIView中坐标转换详解

时间:2022-09-20 12:01:03

本文主要介绍的是关于ios uiview坐标转换的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:

在开发中我们经常会需要判断两个控件是否包含重叠,此时如果控件a和b的坐标原点如果不确定的话,那么肯定会导致比较不正确发生错误

判断包含重叠的代码如下:

?
1
2
3
cgrectcontainsrect(<#cgrect rect1#>, <#cgrect rect2#>)
cgrectcontainspoint(<#cgrect rect#>, <#cgpoint point#>)
cgrectintersectsrect(<#cgrect rect1#>, <#cgrect rect2#>)

其中

  • cgrectcontainsrect表示rect1和rect2是否有重叠
  • cgrectcontainspoint表示point是不是在rect上
  • cgrectintersectsrect的意思是rect1是否包含了rect2

那么问题就来了,既然坐标原点不确定,那么能不能转换a的坐标原点到b上呢?答案是可以的,具体实现代码如下:

?
1
2
3
4
5
- (cgpoint)convertpoint:(cgpoint)point toview:(nullable uiview *)view;
- (cgpoint)convertpoint:(cgpoint)point fromview:(nullable uiview *)view;
// 后面就具体使用下面的代码举例,下面的会了,上面的自然也就会了
- (cgrect)convertrect:(cgrect)rect toview:(nullable uiview *)view;
- (cgrect)convertrect:(cgrect)rect fromview:(nullable uiview *)view;

在storyboard中创建三个view,方便叙述,层级关系一看便知

iOS学习教程之UIView中坐标转换详解

fromview

?
1
cgrect newrect = [self.view convertrect:self.blueview.frame fromview:self.redview];

这段代码的意思算出在红色控件里的蓝色控件在控制器view中的位置(其实就是算x和y的值,因为宽高不变)

toview

?
1
cgrect newrect = [self.blueview convertrect:cgrectmake(50, 50, 100, 100) toview:self.greenview];

这段代码的意思是在蓝色控件中定义一个宽高各为100的正方形,相对于蓝色控件的坐标为(50, 50),算出这个正方形在绿色控件中的位置

 1、需要注意的是toview后是可以传nil的,传nil就代表传的是window

?
1
cgrect newrect = [self.blueview convertrect:cgrectmake(50, 50, 100, 100) toview:nil];

 2、即这里传nil和传self.view.window是一样的

 3、这段代码的意思是在蓝色控件中定义一个宽高各为100的正方形,相对于蓝色控件的坐标为(50, 50),算出这个正方形相对于window中的位置

如果要计算蓝色控件相对于window所在的位置可以这么写

?
1
cgrect newrect = [self.blueview convertrect:self.blueview.bounds toview:nil];

 1、这段的意思是以蓝色控件的坐标原点为原点,并且和蓝色控件一样大小(bounds)的图案在window中的位置

 2、因为蓝色控件在红色控件内部,也可以替换为

?
1
cgrect newrect = [self.redview convertrect:self.blueview.frame toview:nil];

这样写也表明了frame和bounds的区别:frame表示的是在父控件中的位置和大小,bounds表示的是以自身为坐标原点的位置和大小。

使用fromview可写成

?
1
cgrect newrect = [self.view.window convertrect:self.blueview.bounds fromview:self.blueview];

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家服务器之家的支持。

原文链接:http://www.jianshu.com/p/1ae76c34a7da