当前位置： 移动技术网 > 移动技术>移动开发>IOS > iOS学习教程之UIView中坐标转换详解

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

2019年07月24日  | 移动技术网移动技术  | 我要评论

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

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

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

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上呢？答案是可以的，具体实现代码如下：

- (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，方便叙述，层级关系一看便知


fromview

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

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

toview

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

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

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

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

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

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

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

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

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

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

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

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

使用fromview可写成

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

总结

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网