iOS開發中獲取視圖在屏幕上顯示的位置


在iOS開發中,我們會經常遇到一個問題,例如,點擊一個按鈕,彈出一個遮罩層,上面顯示一個彈框,彈框顯示的位置在按鈕附近。如果這個按鈕的位置相對於屏幕邊緣的距離是固定的,那就容易了,可以直接寫死位置。可是,如果按鈕是在UITableView的cell上呢?隨着UITableView的滾動,按鈕可能在頂部,也可能在底部,還可能在中間,左側、右側都有可能,那么,這個時候,怎么去計算按鈕所在的位置呢?如果按鈕所在的UITabelView是在另外一個UIScrollView的一個cell上呢?如果外面再有一個滾動層呢?這種布局確實很復雜。

最近公司的項目中有一個需求,所使用的層級就是一個UITableView中嵌套了一個UITableView和一個UICollectionView,而且還有一個點擊按鈕,效果就類似於頭條資訊列表的小叉號,點擊在按鈕旁邊彈出一個視圖,對資訊進行屏蔽等操作。我在點擊按鈕的時候彈出一個頂級的遮罩層,在遮罩上面增加了一個操作的區域,但是,操作區域的位置需要根據按鈕的位置進行確定,所以,花了點時間寫了個方法,用來找到按鈕在屏幕上的位置,相對於屏幕來說的;

其實代碼並不多,只需要寫一個UIView的擴展方法就行

extension UIView {
    func zhmfPositionInScreen() -> CGPoint {
        /// 先判斷是否有父視圖,如果沒有父視圖,直接返回視圖的位置就行
        if let superView = self.superview {
            /**
            判斷父視圖是否是UIScrollView或者繼承自UIScrollView
             
            先使用視圖在屏幕上的位置使用視圖的位置與父視圖的位置X與Y分別相加
            
             如果父視圖不是UIScrollView並且不繼承自UIScrollView,則直接返回結果
            
             如果父視圖是UIScrollView或者繼承自UIScrollView

             還需要分別減去UIScrollView的scrollViewOffset.x和scrollViewOffset.y,然后返回結果
            */
            if let scrollView = superView as? UIScrollView {
                let position = CGPoint.init(x: self.frame.origin.x, y: self.frame.origin.y)
                let superPosition = superView.zhmfPositionInScreen()
                let scrollViewOffset = scrollView.contentOffset
                return CGPoint.init(x: superPosition.x + position.x - scrollViewOffset.x , y: superPosition.y + position.y - scrollViewOffset.y)
            } else {
                let superPosition = superView.zhmfPositionInScreen()
                let position = self.frame.origin
                return CGPoint.init(x: superPosition.x + position.x, y: superPosition.y + position.y)
            }
        } else {
            return self.frame.origin
        }
    }
}

獲取視圖在屏幕上位置的擴展方法已經寫好了,只需要在使用的使用調一下就好了

button.zhmfPositionInScreen()

雖然代碼量不大,但當時也花了一點時間想邏輯,沒有去百度等搜索,能自己寫的,還是自己花時間想吧,不然,腦子懶了,就真的只能是碼農了。

新增:
突然發現,原來官方就給我們寫好了轉換的方法

guard let window = UIApplication.shared.keyWindow else {
    return
}        
topView = UIView.init(frame: .init(x: 100, y: 100, width: 100, height: 100))
let rect = topView.convert(topView.bounds, to: window)

這個方法沒有測試過多個scrollView嵌套是否有效,喜歡折騰的同學可以自己去嘗試下。

iOS開發,專注swift,如果想交流,隨時歡迎,期待一起進步!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM