UIMenuController - 自定义菜单

UIMenuController须知

  • 官方文档:


    UIMenuController - 自定义菜单_第1张图片

    根据官方文档的描述可知这是一个单例模式,能实现剪切,复制,粘贴,选着,全选和删除的功能。这个在ios里面也是常用的。

  • 默认情况下, 有以下控件已经支持UIMenuController
    • UITextField
    • UITextView
    • UIWebView
  • 实现的效果如下:


    UIMenuController - 自定义菜单_第2张图片

默认情况下显示的是英文,如果要显示中文的话需要进行如下设置:

UIMenuController - 自定义菜单_第3张图片
  • 然后就可以显示中文了:


    UIMenuController - 自定义菜单_第4张图片

让其他控件也支持UIMenuController(比如UILabel)

  • 自定义UILabel.
@interface LMHLabel : UILabel
  • 设置UILabel允许交互
self.userInteractionEnabled = YES;
  • UILabel添加手势,并添加监听方法。
[self addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(labelClick)]];
  • 在监听方法中创建UIMenuController的menu,添加需要相应的菜单item
    // 让label成为第一响应者
    [self becomeFirstResponder];
    
    //获得菜单 - 单例模式
    UIMenuController * menu = [UIMenuController sharedMenuController];
  
    // 添加MenuItem
    UIMenuItem* ding = [[UIMenuItem alloc] initWithTitle:@"顶" action:@selector(ding:)];
    UIMenuItem* replay = [[UIMenuItem alloc] initWithTitle:@"回复" action:@selector(reply:)];
    UIMenuItem* report = [[UIMenuItem alloc] initWithTitle:@"举报" action:@selector(report:)];
    menu.menuItems = @[ding, replay, report];

  • 显示menu - 设置显示的位置并显示
[menu setTargetRect:self.bounds inView:self];
[menu setMenuVisible:YES animated:YES];
  • 重写两个方法实现响应
    • canBecomeFirstResponder让label具备成为第一响应者的资格
    • canPerformAction:(SEL)action withSender:(id)sender通过第一响应者的这个方法告诉UIMenuController可以显示什么内容
- (BOOL)canBecomeFirstResponder{
    
    return YES;
}
- (BOOL)canPerformAction:(SEL)action withSender:(id)sender
{    
    if (action == @selector(ding:) ||
        action == @selector(reply:) ||
        action ==  @selector(report:))  return  YES;

    
    return NO;
}

需要注意的地方

  • 在设置menu的位置的时候- (void)setTargetRect:(CGRect)targetRect inView:(UIView *)targetView方法里面的参数:
    • targetRect: MenuController需要指向的矩形框
    • targetView: targetRect会以targetView的左上角为坐标原点
  • 只有将uilabel设置为第一响应者之后才会响应相应的时时间
  • 另外menu的箭头也有几种样式,可以直接进行设置menu.arrowDirection = UIMenuControllerArrowUp;
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),
} __TVOS_PROHIBITED;
  • 此外,默认的复制粘贴等方法系统已经实现,如果要使用,就需要在canPerformAction里面实现判断,返回YES表示支持这种操作
/**
 * 通过第一响应者的这个方法告诉UIMenuController可以执行哪些操作(比如copy, paste等等)
 */
- (BOOL)canPerformAction:(SEL)action withSender:(id)sender
{
    if ( (action == @selector(copy:) && self.text) // 需要有文字才能支持复制
        || (action == @selector(cut:) && self.text) // 需要有文字才能支持剪切
        || action == @selector(paste:)
        || action == @selector(ding:)
        || action == @selector(reply:)
        || action == @selector(select:)
        || action == @selector(selectAll:)
        || action == @selector(report:)) return YES;
    
    return NO;
}

使用

  • 当在xib或者sb里面新建的label的时候,就可以将类写成自定义的这个类,就能实现自定义的menu菜单
  • 完整代码:
#import "LMHLabel.h"

@implementation LMHLabel

- (void)awakeFromNib{
    [super awakeFromNib];
    
    // 添加手势
    [self setUp];
}

- (instancetype)initWithFrame:(CGRect)frame{
    
    if (self = [super initWithFrame:frame]) {
        
        [self setUp];
    }
    
    return self;
}


- (void)setUp{
    
    self.userInteractionEnabled = YES;
    
    //给lable添加手势
    [self addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(labelClick)]];

}


- (void)labelClick{
    
    // 让label成为第一响应者
    
    [self becomeFirstResponder];
    
    //获得菜单 - 单例模式
    UIMenuController * menu = [UIMenuController sharedMenuController];
    
    
    // 添加MenuItem
    UIMenuItem* ding = [[UIMenuItem alloc] initWithTitle:@"顶" action:@selector(ding:)];
    UIMenuItem* replay = [[UIMenuItem alloc] initWithTitle:@"回复" action:@selector(reply:)];
    UIMenuItem* report = [[UIMenuItem alloc] initWithTitle:@"举报" action:@selector(report:)];
    menu.menuItems = @[ding, replay, report];
    
    [menu setTargetRect:self.bounds inView:self];
    [menu setMenuVisible:YES animated:YES];
    
}

- (void)ding:(UIMenuController *)menu{
    
    NSLog(@"%s %@", __func__ , menu);
}
- (void)reply:(UIMenuController *)menu{
    
    NSLog(@"%s %@", __func__ , menu);
}

- (void)report:(UIMenuController *)menu{
    
    NSLog(@"%s %@", __func__ , menu);
}

/**
 * 让label具备成为第一响应者的资格
 */
- (BOOL)canBecomeFirstResponder{
    
    return YES;
}

/**
 * 通过第一响应者的这个方法告诉UIMenuController可以显示什么内容
 * return YES : 支持这种操作
 */
- (BOOL)canPerformAction:(SEL)action withSender:(id)sender
{
    
    
    if (action == @selector(ding:) ||
        action == @selector(reply:) ||
        action ==  @selector(report:))  return  YES;

    
    return NO;
}

@end

  • 实现效果如下:


    UIMenuController - 自定义菜单_第5张图片

你可能感兴趣的:(UIMenuController - 自定义菜单)