iOS坐標轉(zhuǎn)換(CGPoint扎阶、CGRect)

場景:有兩個視圖view1和view2驳概,在view1上取一個point,并且這個點在view1上的坐標(以view1左上角為0, 0點)是知道的邪码,那么如何能算出這個點以view2左上角為0,0點的坐標值呢?有兩種方法:

  1. 根據(jù)view1、view2的frame只锭,結(jié)合point的坐標自己手動計算。(這種方法這里就不說了)
  2. 蘋果提供了api, 通過調(diào)用蘋果的提供的api就能直接幫我們算出結(jié)果院尔。

通過事例學習這四個函數(shù)的使用:(耐心看完這個例子和注釋蜻展,確保你能學會,_

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
     
        let blueView = UIView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
        blueView.backgroundColor = UIColor.blue
        view.addSubview(blueView)
        
        let redView = UIView(frame: CGRect(x: 120, y: 120, width: 100, height: 100))
        redView.backgroundColor = UIColor.red
        view.addSubview(redView)
        
        let greenView = UIView(frame: CGRect(x: 20, y: 20, width: 50, height: 50))
        greenView.backgroundColor = UIColor.green
        redView.addSubview(greenView)
        
        // redView中的某個點坐標(redView左上角為0,0點) 轉(zhuǎn)換成在 view中的坐標(view左上角為0,0點)
        let posInView = view.convert(greenView.frame.origin, from: redView) // (140, 140)
        print("x: \(posInView.x), y: \(posInView.y)")
        
        // redView中的某個點坐標(redView左上角為0,0點) 轉(zhuǎn)換成在 view中的坐標(view左上角為0,0點)
        let posInView1 = redView.convert(greenView.frame.origin, to: view)  // (140, 140)
        print("x: \(posInView1.x), y: \(posInView1.y)")
        
        // redView中的某個點坐標(redView左上角為0,0點) 轉(zhuǎn)換成在 blueView中的坐標(blueView左上角為0,0點)
        let posInView2 = redView.convert(greenView.frame.origin, to: blueView)  // (40, 40)
        print("x: \(posInView2.x), y: \(posInView2.y)")
        
        
        // CGRect轉(zhuǎn)換和point轉(zhuǎn)換一個原理邀摆,其實就是轉(zhuǎn)換CGRect的origin, size是不會變的
        let frameInView = redView.convert(greenView.frame, to: view)
        print(NSStringFromCGRect(frameInView))                                  // {{140, 140}, {50, 50}}
        
        let frameInView1 =  blueView.convert(greenView.frame, from: redView)
        print(NSStringFromCGRect(frameInView1))                                 // {{40, 40}, {50, 50}}
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末纵顾,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子栋盹,更是在濱河造成了極大的恐慌施逾,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,348評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件例获,死亡現(xiàn)場離奇詭異汉额,居然都是意外死亡,警方通過查閱死者的電腦和手機榨汤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評論 2 385
  • 文/潘曉璐 我一進店門蠕搜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人收壕,你說我怎么就攤上這事妓灌。” “怎么了蜜宪?”我有些...
    開封第一講書人閱讀 156,936評論 0 347
  • 文/不壞的土叔 我叫張陵虫埂,是天一觀的道長。 經(jīng)常有香客問我圃验,道長掉伏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,427評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮岖免,結(jié)果婚禮上岳颇,老公的妹妹穿的比我還像新娘。我一直安慰自己颅湘,他們只是感情好话侧,可當我...
    茶點故事閱讀 65,467評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著闯参,像睡著了一般瞻鹏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鹿寨,一...
    開封第一講書人閱讀 49,785評論 1 290
  • 那天新博,我揣著相機與錄音,去河邊找鬼脚草。 笑死赫悄,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的馏慨。 我是一名探鬼主播埂淮,決...
    沈念sama閱讀 38,931評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼写隶!你這毒婦竟也來了倔撞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,696評論 0 266
  • 序言:老撾萬榮一對情侶失蹤慕趴,失蹤者是張志新(化名)和其女友劉穎痪蝇,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體冕房,經(jīng)...
    沈念sama閱讀 44,141評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡躏啰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,483評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了毒费。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丙唧。...
    茶點故事閱讀 38,625評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖觅玻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情培漏,我是刑警寧澤溪厘,帶...
    沈念sama閱讀 34,291評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站牌柄,受9級特大地震影響畸悬,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜珊佣,卻給世界環(huán)境...
    茶點故事閱讀 39,892評論 3 312
  • 文/蒙蒙 一蹋宦、第九天 我趴在偏房一處隱蔽的房頂上張望披粟。 院中可真熱鬧,春花似錦冷冗、人聲如沸守屉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拇泛。三九已至,卻和暖如春思灌,著一層夾襖步出監(jiān)牢的瞬間俺叭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工泰偿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留熄守,地道東北人。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓耗跛,卻偏偏與公主長得像裕照,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子课兄,可洞房花燭夜當晚...
    茶點故事閱讀 43,492評論 2 348

推薦閱讀更多精彩內(nèi)容