iOS開發 關於UIView中的座標轉換
阿新 • • 發佈:2018-12-31
- 在開發中我們經常會需要判斷兩個控制元件是否包含重疊,此時如果控制元件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),算出這個正方形在綠色控制元件中的位置
- 需要注意的是toView後是可以傳nil的,傳nil就代表傳的是window
CGRect newRect = [self.blueView convertRect:CGRectMake(50, 50, 100, 100) toView:nil];
-
即這裡傳nil和傳self.view.window是一樣的
-
這段程式碼的意思是在藍色控制元件中定義一個寬高各為100的正方形,相對於藍色控制元件的座標為(50, 50),算出這個正方形相對於window中的位置
-
如果要計算藍色控制元件相對於window所在的位置可以這麼寫
CGRect newRect = [self.blueView convertRect:self.blueView.bounds toView:nil];
- 這段的意思是以藍色控制元件的座標原點為原點,並且和藍色控制元件一樣大小(bounds)的圖案在window中的位置
- 因為藍色控制元件在紅色控制元件內部,也可以替換為
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];
作者:Nedoloroso
連結:https://www.jianshu.com/p/1ae76c34a7da
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。