今天遇到一個這樣的需求:
在點擊UILabel的時候,會彈出來一個類似于下圖的效果:
Paste_Image.png
第一次看到這個需求的時候,真的是一臉懵逼,在自己的印象中UILabel從來沒有這種屬性,最后經過一天的網上查找資料,發現之所以能夠彈出這個框,是因為調用了UIMenuController,于是乎就開始寫Demo來測試.
下面介紹一下UIMenuController的用法:
- 默認情況下,有一下控件已經支持UIMenuController
- UITextField
- UITextView
- UIWebView
但是UILabel不支持UIMenuController,為了讓UILabel也支持,這時候需要自定義UILabel;
- 在.h文件
#import <UIKit/UIKit.h>
@interface XJLabel : UILabel
@end
- 在.m文件
#import "XJLabel.h"
@implementation XJLabel
- (void)awakeFromNib {
[super awakeFromNib];
[self setup];
}
- (instancetype)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame]) {
[self setup];
}
return self;
}
- (void)setup {
self.userInteractionEnabled = YES;
[self addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(labelClick)]];
}
/**
* 讓label有資格成為第一響應者
*/
- (BOOL)canBecomeFirstResponder {
return YES;
}
/**
* label能執行哪些操作(比如copy, paste等等)
* @return YES:支持這種操作
*/
- (BOOL)canPerformAction:(SEL)action withSender:(id)sender {
if (action == @selector(cut:) || action == @selector(copy:) || action == @selector(paste:)) return YES;
return NO;
}
- (void)cut:(UIMenuController *)menu {
// 將自己的文字復制到粘貼板
[self copy:menu];
// 清空文字
self.text = nil;
}
- (void)copy:(UIMenuController *)menu {
// 將自己的文字復制到粘貼板
UIPasteboard *board = [UIPasteboard generalPasteboard];
board.string = self.text;
}
- (void)paste:(UIMenuController *)menu {
// 將粘貼板的文字 復制 到自己身上
UIPasteboard *board = [UIPasteboard generalPasteboard];
self.text = board.string;
}
- (void)labelClick {
// 1.label要成為第一響應者(作用是:告訴UIMenuController支持哪些操作, 這些操作如何處理)
[self becomeFirstResponder];
// 2.顯示MenuController
UIMenuController *menu = [UIMenuController sharedMenuController];
// targetRect: MenuController需要指向的矩形框
// targetView: targetRect會以targetView的左上角為坐標原點
[menu setTargetRect:self.bounds inView:self];
// [menu setTargetRect:self.frame inView:self.superview];
[menu setMenuVisible:YES animated:YES];
}
@end
用自定義UILabel以后,顯示出來的效果圖如下:
Snip20161015_4.png
但是這還不是需求要的效果:
Paste_Image.png
這和需求要的效果還有一點差距,所以用系統的UIMenuController顯然是不行,所以這時候要自定義UIMenuController,具體的實現方法在下一篇文章來實現, 如果感覺文章對大家有幫助,請點個贊,我會繼續努力.......