這篇文章將為大家詳細(xì)講解有關(guān)怎么在iOS中實(shí)現(xiàn)微信文章懸浮球功能,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對相關(guān)知識(shí)有一定的了解。
專業(yè)領(lǐng)域包括網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站、成都商城網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺(tái)開發(fā), 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同,創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營銷的理念,并將策略和執(zhí)行緊密結(jié)合,為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。
1.懸浮球的出現(xiàn)
當(dāng)我們通過屏幕邊緣手勢pop視圖的時(shí)候,右下角會(huì)有一個(gè)圓角提示圖,跟著手勢進(jìn)度移動(dòng)。
如何獲取到UIScreenEdgePanGestureRecognizer的進(jìn)度呢?
因?yàn)橄到y(tǒng)自帶的interactivePopGestureRecognizer是被封裝起來的,它的action我們無法掛鉤拿到里面的手勢進(jìn)度。所以,需要另辟蹊徑了。
首先,讓UINavigationController的delegate等于自己,然后讓多個(gè)手勢可以同時(shí)響應(yīng)。
self.interactivePopGestureRecognizer?.delegate = self func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool { return true }
然后自己添加一個(gè)UIScreenEdgePanGestureRecognizer到UINavigationController上面,用于獲取pop手勢的進(jìn)度。
let gesture = UIScreenEdgePanGestureRecognizer(target: self, action: #selector(handleNavigationTransition(gesture:))) gesture.edges = .left self.view.addGestureRecognizer(gesture)
這樣子,有兩個(gè)UIScreenEdgePanGestureRecognizer可以同時(shí)響應(yīng),系統(tǒng)自帶的依然保持原有邏輯不動(dòng),我們新增的用于獲取pop手勢進(jìn)度,兩者井水不犯河水,其樂融融。
2.懸浮球全局置頂
既然懸浮球可以在懸浮在任何一個(gè)頁面,必然是放在一個(gè)新的UIWindow上面。比如系統(tǒng)的鍵盤彈出的時(shí)候,就是一個(gè)UIRemoteKeyboardWindow在承載。
然后這個(gè)window的生命周期不依賴某一個(gè)頁面,所以用單例實(shí)現(xiàn)比較好。這塊代碼比較分散,直接看源碼就可以了解
3.事件響應(yīng)
懸浮UIWindow的事件傳遞
只要事件位置沒有在圓球和右下角上,就不響應(yīng)
override func point(inside point: CGPoint, with event: UIEvent?) -> Bool { let roundEntryViewPoint = self.convert(point, to: roundEntryView) if roundEntryView.point(inside: roundEntryViewPoint, with: event) == true { return true } let collectViewPoint = self.convert(point, to: collectView) if collectView.point(inside: collectViewPoint, with: event) == true { return true } return false }
右下角四分之一圓,事件響應(yīng)
可以看到微信,只有當(dāng)手指移動(dòng)進(jìn)右下角圓內(nèi),才能進(jìn)行懸浮。而不是按著視圖的frame來響應(yīng)。
首先,通過UIBezierPath畫一個(gè)四分之一圓,然后用CGPath的contains(point)
方法判斷。
func updateBGLayerPath(isSmall: Bool) { var ratio:CGFloat = 1 if !isSmall { ratio = 1.3 } let path = UIBezierPath() path.move(to: CGPoint(x: viewSize.width, y: (1 - ratio)*viewSize.height)) path.addLine(to: CGPoint(x: viewSize.width, y: viewSize.height)) path.addLine(to: CGPoint(x: (1 - ratio)*viewSize.width, y: viewSize.height)) path.addArc(withCenter: CGPoint(x: viewSize.width, y: viewSize.height), radius: viewSize.width*ratio, startAngle: CGFloat(Double.pi), endAngle: CGFloat(Double.pi*3/2), clockwise: true) path.close() bgLayer.path = path.cgPath } override func point(inside point: CGPoint, with event: UIEvent?) -> Bool { return bgLayer.path!.contains(point) }
關(guān)于怎么在iOS中實(shí)現(xiàn)微信文章懸浮球功能就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
本文題目:怎么在iOS中實(shí)現(xiàn)微信文章懸浮球功能
網(wǎng)址分享:http://aaarwkj.com/article42/gjgihc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、企業(yè)建站、動(dòng)態(tài)網(wǎng)站、App設(shè)計(jì)、網(wǎng)站營銷、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)