怎么在iOS中實現(xiàn)微信文章懸浮球功能

這篇文章將為大家詳細講解有關(guān)怎么在iOS中實現(xiàn)微信文章懸浮球功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

專業(yè)領(lǐng)域包括網(wǎng)站設(shè)計制作、成都做網(wǎng)站、成都商城網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺開發(fā)，與其他網(wǎng)站設(shè)計及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

1.懸浮球的出現(xiàn)

當(dāng)我們通過屏幕邊緣手勢pop視圖的時候，右下角會有一個圓角提示圖，跟著手勢進度移動。

如何獲取到UIScreenEdgePanGestureRecognizer的進度呢？

因為系統(tǒng)自帶的interactivePopGestureRecognizer是被封裝起來的，它的action我們無法掛鉤拿到里面的手勢進度。所以，需要另辟蹊徑了。

首先，讓UINavigationController的delegate等于自己，然后讓多個手勢可以同時響應(yīng)。

self.interactivePopGestureRecognizer?.delegate = self

func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
  return true
 }

然后自己添加一個UIScreenEdgePanGestureRecognizer到UINavigationController上面，用于獲取pop手勢的進度。

let gesture = UIScreenEdgePanGestureRecognizer(target: self, action: #selector(handleNavigationTransition(gesture:)))
gesture.edges = .left
self.view.addGestureRecognizer(gesture)

這樣子，有兩個UIScreenEdgePanGestureRecognizer可以同時響應(yīng)，系統(tǒng)自帶的依然保持原有邏輯不動，我們新增的用于獲取pop手勢進度，兩者井水不犯河水，其樂融融。

2.懸浮球全局置頂

既然懸浮球可以在懸浮在任何一個頁面，必然是放在一個新的UIWindow上面。比如系統(tǒng)的鍵盤彈出的時候，就是一個UIRemoteKeyboardWindow在承載。

然后這個window的生命周期不依賴某一個頁面，所以用單例實現(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)手指移動進右下角圓內(nèi)，才能進行懸浮。而不是按著視圖的frame來響應(yīng)。

首先，通過UIBezierPath畫一個四分之一圓，然后用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中實現(xiàn)微信文章懸浮球功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

本文題目：怎么在iOS中實現(xiàn)微信文章懸浮球功能
網(wǎng)址分享：http://www.muchs.cn/article42/gjgihc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、企業(yè)建站、動態(tài)網(wǎng)站、App設(shè)計、網(wǎng)站營銷、網(wǎng)站設(shè)計

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容