iOS中长按调出菜单组件UIMenuController的使用实例

UIMenuController的使用

UIMenuController的展现需要基于一个View视图,其交互则需要基于其所在View视图的Responder。举例来说,如果一个UIMenuController展现在当前ViewController的View上,则此UIMenuController的交互逻辑交由当前的ViewController进行管理。

在界面展示出UIMenuController需要3个条件:

1.当前的Responder处于第一响应。

2.UIMenuController对象调用menuVisible方法。

3.当前的Responder实现了如下两个方法:

//是否可以成为第一相应
-(BOOL)canBecomeFirstResponder{
  return YES;
}
//是否可以接收某些菜单的某些交互操作
-(BOOL)canPerformAction:(SEL)action withSender:(id)sender{
    return YES;
}

实现了上面的两个方法,使用如下的代码可以唤出UIMenuController控件:

  [self becomeFirstResponder];
  //设置菜单显示的位置 frame设置其文职 inView设置其所在的视图
  [[UIMenuController sharedMenuController] setTargetRect:frame inView:self.view];
  //将菜单控件设置为可见
  [UIMenuController sharedMenuController].menuVisible = YES;

在执行了上面的代码后,系统第一次调用canperformAction:withSender:方法会进行是否显示菜单栏的检测,如果返回为NO,则不能显示菜单栏,如果返回为YES,之后系统会多次调用canPerformAction:withSender:方法,用于检测当前Responder对象是否实现了菜单栏上某个选项的触发方法,如果实现了,菜单栏上面的相应按钮会显示,否则不会显示。开发者可以在这个方法中通过判断action来确定菜单控件中显示的按钮种类。系统默认为开发者提供了一系列的菜单按钮,例如要显示剪切和赋值操作的菜单按钮,示例代码如下:

-(BOOL)canPerformAction:(SEL)action withSender:(id)sender{
  if (action == @selector(cut:)||action == @selector(copy:)) {
    return YES;
  }
  return NO;
}

效果如下图所示:

系统默认支持提供的按钮触发方法列举如下:

//剪切按钮的方法
- (void)cut:(nullable id)sender NS_AVAILABLE_IOS(3_0);
//复制按钮的方法
- (void)copy:(nullable id)sender NS_AVAILABLE_IOS(3_0);
//粘贴按钮的方法
- (void)paste:(nullable id)sender NS_AVAILABLE_IOS(3_0);
//选择按钮的方法
- (void)select:(nullable id)sender NS_AVAILABLE_IOS(3_0);
//全选按钮的方法
- (void)selectAll:(nullable id)sender NS_AVAILABLE_IOS(3_0);
//删除按钮的方法
- (void)delete:(nullable id)sender NS_AVAILABLE_IOS(3_2);
//改变书写模式为从左向右按钮触发的方法
- (void)makeTextWritingDirectionLeftToRight:(nullable id)sender NS_AVAILABLE_IOS(5_0);
//改变书写模式为从右向左按钮触发的方法
- (void)makeTextWritingDirectionRightToLeft:(nullable id)sender NS_AVAILABLE_IOS(5_0);

上面所列举的方法声明在UIResponder头文件中,实际上,除了上面的方法,关于UIMenuController上面的按钮,系统中还有许多私有方法,列举如下:

//替换按钮
- (void)_promptForReplace:(id)arg1{
  NSLog(@"promptForReplace");
}
//简体繁体转换按钮
-(void)_transliterateChinese:(id)sender{
  NSLog(@"transliterateChinese");
}
//文字风格按钮
-(void)_showTextStyleOptions:(id)sender{
  NSLog(@"showTextStyleOptions");
}
//定义按钮
-(void)_define:(id)sender{
  NSLog(@"define");
}
-(void)_addShortcut:(id)sender{
  NSLog(@"addShortcut");
}
-(void)_accessibilitySpeak:(id)sender{
  NSLog(@"accessibilitySpeak");
}
//语言选择按钮
-(void)_accessibilitySpeakLanguageSelection:(id)sender{
  NSLog(@"accessibilitySpeakLanguageSelection");
}
//暂停发音按钮
-(void)_accessibilityPauseSpeaking:(id)sender{
  NSLog(@"accessibilityPauseSpeaking");
}
//分享按钮
-(void)_share:(id)sender{
  NSLog(@"share");
}

实例进阶  

在实际开发中,开发这完全不需要使用这些私有的方法,UIMenuItem类提供给开发者进行自定义菜单按钮与触发方法,示例如下:

[self becomeFirstResponder];
  UIMenuItem * item = [[UIMenuItem alloc]initWithTitle:@"自定义" action:@selector(newFunc)];
  [[UIMenuController sharedMenuController] setTargetRect:[sender frame] inView:self.view];
  [UIMenuController sharedMenuController].menuItems = @[item];
  [UIMenuController sharedMenuController].menuVisible = YES;
-(BOOL)canBecomeFirstResponder{
  return YES;
}
-(BOOL)canPerformAction:(SEL)action withSender:(id)sender{
  if (action == @selector(newFunc)) {
    return YES;
  }
  return NO;
}
-(void)newFunc{
  NSLog(@"自定义方法");
}

效果如下图所示:

UIMenuController还有如下的属性用来设置其显示的位置:

//显示的位置
@property(nonatomic) UIMenuControllerArrowDirection arrowDirection;
//枚举如下:
/*
typedef NS_ENUM(NSInteger, UIMenuControllerArrowDirection) {
  //默认 基于当前屏幕状态
  UIMenuControllerArrowDefault, // up or down based on screen location
  //箭头在上的显示模式
  UIMenuControllerArrowUp NS_ENUM_AVAILABLE_IOS(3_2),
  //箭头在下的显示模式
  UIMenuControllerArrowDown NS_ENUM_AVAILABLE_IOS(3_2),
  //箭头在左的显示模式
  UIMenuControllerArrowLeft NS_ENUM_AVAILABLE_IOS(3_2),
  //箭头在右的显示模式
  UIMenuControllerArrowRight NS_ENUM_AVAILABLE_IOS(3_2),
};
*/


注意点总结
要正常显示菜单,必须做到以下几点:
1. -(BOOL)canBecomeFirstResponder 必须返回YES

2. -(BOOL)canPerformAction:(SEL)action withSender:(id)sender
该函数中,要显示的菜单项(包括系统的菜单项)的方法必须返回YES

3. 在显示菜单前,必须调用:

[self becomeFirstResponder]

成为第一个响应者

4. 为了马上可以正常显示第二个菜单,必须使用:

  [menuController setMenuVisible:NO];

先关闭一下,不然就显示不出来!

时间: 2016-06-18

iOS实现顶部标签式导航栏及下拉分类菜单

本文实例为大家分享了iOS实现顶部标签式导航栏及下拉分类菜单的全部过程,供大家参考,具体内容如下 当内容及分类较多时,往往采用顶部标签式导航栏,例如网易新闻客户端的顶部分类导航,最近刚好有这样的应用场景,参考网络上一些demo,实现了这种导航效果,记录一些要点. 效果图(由于视频转GIF掉帧,滑动和下拉动画显得比较生硬,刚发现quickTime可以直接录制手机视频,推荐一下,很方便) 1.顶部标签式导航栏 (1)实现思路 其实就是在上下两个UIScrollView上做文章,实现联动选择切换的效果

IOS中safari下的select下拉菜单文字过长不换行的解决方法

今天遇到下图这种问题,文字过长,显示不全.折腾了老半天,在网上搜了半天也找不到解决方案. 于是问了下同事,同事提到了<optgroup>,这个标签厉害. <optgroup> 标签定义选项组. optgroup 元素用于组合选项.当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易. 以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.在此也非常感谢大家对

iOS10 widget实现3Dtouch 弹出菜单

文章将依次从以下几个问题着手,进行详细说明: 1.如何为现有的工程添加widget: 2.如何绘制UI: 3.如何调起app: 4.如何与host app共享数据. 图2 添加today的target 图3 添加today之后的工程目录 这是添加Today Extension之后的工程目录. 到这里,为现有的工程添加Today Extension算是完成了,运行程序就可以看到类似图1的简单的效果了,很简单哈. 绘制UI 图4 删除默认创建的MainInterface并修改Info.plist 这

iOS下拉选择菜单简单封装

本文实例为大家分享了简单封装的iOS下拉选择菜单代码,供大家参考,具体内容如下 // // OrderListDownMenu.h #import <UIKit/UIKit.h> @protocol OrderListDownMenuDelegate <NSObject> - (void)OrderListDownMenu:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath; @end

iOS 三级下拉菜单功能实现

前言 App 常用控件 -- 多级下拉菜单, 如团购类, 房屋类, 对数据进行筛选. 有一级, 二级, 三级, 再多就不会以这种样式,呈现给用户了. 作者就简单聊一下 多级下拉菜单 一 目标 默认显示一个 TableView, 点击数据后, 添加第二个TableView, 并实现大小变化 第二次打开下拉菜单. 保存上次选中数据 二 菜单控件DropMenuView .h文件 #import <UIKit/UIKit.h> @class DropMenuView; @protocol DropM

iOS实现Pad上菜单弹出界面

前言: 此种方式实现只适用于pad开发,在iPhone上是无效的. 实现: 比如我在界面上有一个按钮,点击按钮,在按钮旁边弹出一个Pop框. 1.按钮点击事件 btn.addTarget(self, action: #selector(self.popShow), for: .touchUpInside) 2.事件处理 /// 弹框选择条件 /// /// - Parameter sender: <#sender description#> func popShow(sender:UIButt

如何使用jQuery技术开发ios风格的页面导航菜单

效果图: 目前市场上越来越流行IOS风格的操作系统和导航方式,在今天的jQuery教程中,我们介绍如何生成一个iphone风格的菜单导航. HTML代码 我们使用镶嵌的<li>来生成菜单内容,并且包含在<nav>标签中,如下: <nav> <h1>导航菜单</h1> <ul> <li> <h2>专题教程</h2> <ul> <li> <h3>HTML专题教程<

iOS从App跳转至系统设置菜单各功能项的编写方法讲解

跳到系统设置里的WiFi界面 info里面设置: 在项目中的info.plist中添加 URL types 并设置一项URL Schemes为prefs,如下图 代码: 复制代码 代码如下: NSURL *url = [NSURL URLWithString:@"prefs:root=WIFI"]; if ([[UIApplication sharedApplication] canOpenURL:url]) {     [[UIApplication sharedApplicatio

iOS实现简单的二级菜单效果

首先来看看要实现的效果图 示例代码如下 Untitled.gif #import "ViewController.h" #import "CollectionViewCell.h" #import "CollectionSectionView.h" @interface ViewController ()<UICollectionViewDelegateFlowLayout,UICollectionViewDataSource> @p

IOS代码笔记之下拉菜单效果

本文实例为大家分享了ios下拉菜单的具体代码,供大家参考,具体内容如下 一.效果图 二.工程图 三.代码 RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController @end RootViewController.m #import "RootViewController.h" #import "NIDropDown.h" @i

IOS代码笔记之下拉选项cell

本文介绍了IOS下拉选项cell的使用方法,供大家参考,具体内容如下 一.效果图 二.工程图 三.代码 RootViewController.h #import <UIKit/UIKit.h> //加入头文件 #import "ComboBoxView.h" @interface RootViewController : UIViewController { ComboBoxView *_comboBox; } @end RootViewController.m #impo

Bootstrap基本组件学习笔记之下拉菜单(7)

对于一些较为常用的功能模块,Bootstrap也进行了封装.包括下拉菜单.按钮组.导航.分页.缩略图.进度条等. 下面先总结下下拉菜单的使用. 直接看下面的例子: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

IOS代码笔记之文字走马灯效果

本文实例为大家分享了IOS文字走马灯效果具体实现代码,供大家参考,具体内容如下 一.效果图 二.工程图  三.代码 RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController @end RootViewController.m #import "RootViewController.h" #import "UXLabel.h"

IOS代码笔记之左右滑动效果

本文实例为大家分享了ios实现左右滑动操作代码,供大家参考,具体内容如下 一.效果图 二.代码 RootViewController.m - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.title=@"可以向左(右)滑动"; //向右滑动 UISwipeGestureRecognizer *recognizerLeft; recogniz

jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码

本文实例讲述了jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍的是一款黑红带渐变的网站下滑导航菜单,基于jquery实现的下滑线导航菜单,鼠标经过主菜单的时候,下滑线就会自动跟向哪里,如果该菜单有两级子菜单,则同样会显示下滑菜单,带渐变效果.菜单操作很灵敏,使用有自定义的封装插件SuperSlide.2.1.js,所在使用时请自行下载这个JS插件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015

js实现全国省份城市级联下拉菜单效果代码

本文实例讲述了js实现全国省份城市级联下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一个大家都知道的网页小功能,很常见,全国省份与城市级联菜单,采用Select下拉的方式选择数据,不过现在很多都Ajax了,貌似这种老形式已经过时了,不过在兼容性方面,仍然是不落后的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-conv-city-xl-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLI

js实现点击向下展开的下拉菜单效果代码

本文实例讲述了js实现点击向下展开的下拉菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍js实现点击向下展开的下拉菜单特效代码,无调用jQuery,真正的JS下拉菜单,兼容性方面未做测试,觉得有用处的自己测试修正吧,本文仅提供基础的代码供参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-click-show-down-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//

js实现简洁大方的二级下拉菜单效果代码

本文实例讲述了js实现简洁大方的二级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款简洁大方的二级下拉菜单,菜单的颜色自己根据需要重新定义吧,这里仅给大家提供一种制作二级菜单的思路,整体效果看上去相当实用,下拉导航菜单也是大家比较常用的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-2level-show-down-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-/

js+css实现超简洁的二级下拉菜单效果代码

本文实例讲述了js+css实现超简洁的二级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一个很简洁的CSS+JavaScript二级菜单,没有使用过多的修饰素材,尽量不调用外部图片,简洁大方,而且便于二级开发完善,最初是一个政府网站上的菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-simple-2jxl-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//