菜单类型
1、首页点击更多按钮弹起的菜单：FunctionView。
2、详情页点击更多按钮弹出的菜单：YYWMenuView。
3、长按webview中的链接弹出的菜单：YYWContextMenuHelp.swift。
具体实现
-
FunctionView
界面由nib搭建。view加在mainviewcontroller的view中。
通过以下代码来隐藏和显示，有动画效果。
部分按钮在首页时置灰不可点击。
该菜单的具体功能实现全由PageViewManager代理实现。
func showFunctionBar(_ sender: UIButton)
{
guard self.functionView.isAnimatting == false else {
return
}
self.mainViewController().view.bringSubview(toFront: self.functionView)
let show = self.functionView.contentViewBottomAL.constant < 0
self.functionView.isHidden = false
self.functionView.isAnimatting = true
if show
{
self.functionView.showAnimation()
MobClick.event("homeToolBar_showMenu")
let enabled = MainViewFacade.sharedInstance.isNotHomeWebPage()
self.setUpButtonEnabled(functionView.addBookmarkButton, label: functionView.addBookmarkLabel, enabled: enabled)
self.setUpButtonEnabled(functionView.shareBtn, label: functionView.shareLabel, enabled: enabled)
self.setUpButtonEnabled(functionView.webSnapShotButton, label: functionView.webSnapShotLabel, enabled: enabled)
self.setUpButtonEnabled(functionView.refreshBtn, label: functionView.refreshLabel, enabled: enabled)
}
else
{
self.functionView.hideAnimation()
}
self.functionView.contentView.layoutIfNeeded()
}
- ** YYWMenuView**
该菜单是添加在window上的，因此全局调用一次show方法即可显示出来。
该枚举代表显示的位置，不同类型显示不同的菜单项。
enum contentType: Int {
case home = 0//
case web
case card
}
switch ctype {
case .home:
self.menuItems = [
YYWMenuItem(defaultType: .accountStatus),
YYWMenuItem(defaultType: .bookmarkHistiry),
YYWMenuItem(defaultType: .setting)
]
break
case .web:
self.menuItems = [
YYWMenuItem(defaultType: .accountStatus),
YYWMenuItem(defaultType: .setting),
YYWMenuItem(defaultType: .capture),
YYWMenuItem(defaultType: .copyLink),
YYWMenuItem(defaultType: .bookmarkHistiry),
YYWMenuItem(defaultType: .addBookmark)
]
case .card:
self.menuItems = [
YYWMenuItem(defaultType: .setFont),
YYWMenuItem(defaultType: .feedback)
]
break
}
各菜单项对应的title与image已经预先定义好。
init(defaultType: YYWMenuItemType) {
type = defaultType
switch type {
case .accountStatus:
title = NSLocalizedString("未登录", comment: "")
image = UIImage(named: "menu_visitor")!
case .setting:
title = NSLocalizedString("设置", comment: "")
image = UIImage(named: "menu_setting")!
case .darkModel:
title = NSLocalizedString("夜间模式", comment: "")
image = UIImage(named: "menu_night")!
case .capture:
title = NSLocalizedString("截图", comment: "")
image = UIImage(named: "menu_screenshot")!
case .copyLink:
title = NSLocalizedString("复制链接", comment: "")
image = UIImage(named: "menu_copy")!
case .cloudOof:
title = NSLocalizedString("收藏到115", comment: "")
image = UIImage(named: "menu_star")!
case .bookmarkHistiry:
title = NSLocalizedString("书签/历史", comment: "")
image = UIImage(named: "menu_sc")!
case .addBookmark:
title = NSLocalizedString("添加书签", comment: "")
image = UIImage(named: "menu_bookmark")!
case .setFont:
title = NSLocalizedString("字体设置", comment: "")
image = UIImage(named: "menu_font")!
case .feedback:
title = NSLocalizedString("意见反馈", comment: "")
image = UIImage(named: "menu_edit")!
case .itemType:
assert(true, "itemType 不是默认类型, 使用上面那个方法初始化。")
title = ""
image = UIImage()
}
super.init()
}
因此初始化时指定type，显示方向type，以及一个block。
init(archorView: UIView, contentType ctype: contentType, directionType dtype: directionType, action: @escaping YYWMenuAction)
// block定义 回调时返回点击的type项，根据该type处理事件。
typealias YYWMenuAction = (YYWMenuItemType) -> Void
-
YYWContextMenuHelp
该弹层使用系统自带的UIAlertController实现。
根据以下方法获取的webview元素决定显示哪些弹层。
userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage)
YYWContextMenuHelp.Elements(link: linkURL, image: imageURL, imageUrls: self.allImagesUrl, linkText: linkText)
创建代码
func contextMenuHelper(_ elements: Elements, cookie:String?, gestureRecognizer: UILongPressGestureRecognizer) {
// locationInView can return (0, 0) when the long press is triggered in an invalid page
// state (e.g., long pressing a link before the document changes, then releasing after a
// different page loads).
guard let navigationController = UIApplication.shared.delegate?.window??.rootViewController as? UINavigationController else { return }
guard let mainViewController = navigationController.viewControllers.first as? MainViewController else { return }
let view = MainViewFacade.sharedInstance.currentPageView()
let touchPoint = view.tabWebView!.gestureRecognizer.location(in: view)
guard touchPoint != CGPoint.zero else { return }
let touchSize = CGSize(width: 0, height: 16)
let actionSheetController = UIAlertController(title: nil, message: nil, preferredStyle: UIAlertControllerStyle.actionSheet)
var dialogTitle: String?
if let url = elements.link, let imageUrl = elements.image {//长按链接与图片
dialogTitle = url.absoluteString
if dialogTitle?.hasPrefix("javascript:") == true {
return
}
if dialogTitle?.characters.count > 0{
if !view.isPushPageView {
actionSheetController.addAction(openNewTabAction(url, mainViewController))
}
actionSheetController.addAction(copyAction(url))
actionSheetController.addAction(shareAction(url.absoluteString,elements.linkText ?? ""))
actionSheetController.addAction(saveImageAction(imageUrl, cookie ?? ""))
actionSheetController.addAction(shareImageAction(imageUrl, cookie ?? ""))
actionSheetController.addAction(browserImageAction(imageUrl, elements, cookie ?? "", mainViewController))
// if let _ = UserDefaults.standard.object(forKey: "defaults_user_authdata"), !imageUrl.absoluteString.hasPrefix("data:image/") {
// actionSheetController.addAction(cloudImageAction(imageUrl))
// }
}
} else if let url = elements.link {///长按链接
dialogTitle = url.absoluteString
if dialogTitle?.hasPrefix("javascript:") == true {
return
}
if dialogTitle?.characters.count > 0{
// actionSheetController.addAction(openNewTabAction(url, mainViewController))
if !view.isPushPageView {
if (yywFunctionMatch != "" && url.absoluteString.hasPrefix(yywFunctionMatch) == true)
{
var originalString = url.absoluteString
let escapedString = originalString.addingPercentEncoding(withAllowedCharacters: .urlHostAllowed)
originalString = "http://115.com/lx?mag="
originalString = originalString + (escapedString ?? "")
if let strUrl = URL(string: originalString){
actionSheetController.addAction(openNewTabAction(strUrl, mainViewController))
}
} else {
actionSheetController.addAction(openNewTabAction(url, mainViewController))
}
}
actionSheetController.addAction(copyAction(url))
actionSheetController.addAction(copyLinkTextAction(elements.linkText ?? ""))
actionSheetController.addAction(shareAction(url.absoluteString,elements.linkText ?? ""))
}
} else if let imageUrl = elements.image {//长按图片
if dialogTitle == nil {
dialogTitle = imageUrl.absoluteString
}
dialogTitle = ""
actionSheetController.addAction(browserImageAction(imageUrl, elements, cookie ?? "", mainViewController))
actionSheetController.addAction(saveImageAction(imageUrl, cookie ?? ""))
actionSheetController.addAction(shareImageAction(imageUrl, cookie ?? ""))
// if let _ = UserDefaults.standard.object(forKey: "defaults_user_authdata"), !imageUrl.absoluteString.hasPrefix("data:image/") {
// actionSheetController.addAction(cloudImageAction(imageUrl))
// }
}
// If we're showing an arrow popup, set the anchor to the long press location.
if let popoverPresentationController = actionSheetController.popoverPresentationController {
popoverPresentationController.delegate = self
popoverPresentationController.sourceView = view
popoverPresentationController.sourceRect = CGRect(origin: touchPoint, size: touchSize)
popoverPresentationController.permittedArrowDirections = .any
}
if dialogTitle != nil && dialogTitle?.characters.count > 0 {
actionSheetController.title = dialogTitle?.ellipsize(maxLength: 120)
}
let cancelAction = UIAlertAction(title: "取消", style: UIAlertActionStyle.cancel, handler: nil).changeAlertActionTextColor()
actionSheetController.addAction(cancelAction)
if let navVc = mainViewController.presentedViewController as? UINavigationController {
navVc.present(actionSheetController, animated: true, completion: nil)
} else {
mainViewController.present(actionSheetController, animated: true, completion: nil)
}
}
旋转屏幕时会将弹出收起。模仿UC做法。
