如何自定义UILabel可点击

Question

我想要什么：

在 iPhone 应用程序中，我想在 tableView 中显示信息。 在每个单元格中，文本如下：John 最近听音乐 abcdefg.mp3。 如果需要，文本可以有两行。

在文本中，a.mp3 应该是可点击的，因此当用户触摸 abcdefg.mp3 部分时，将调用另一个页面。当用户触摸abcdefg.mp3时，也会产生一些效果，就像触摸按钮一样。

我所做的：

我计算文本的框架，并为 abcdefg.mp3 使用 UIButton。

我的问题：

有时 abcdefg.mp3 可能是多行的，例如：

abc 位于第一行末尾

defg.mp3 在第二行。

这种情况我该怎么办？

我已经搜索过：在 UILabel 的 NSAttributedString 中创建可点击的“链接”？ 但是我认为它不适合这里，因为可单击的文本全部位于示例中的一行中。

Answer 1

最简单的方法是仅将手势识别器添加到实际视图（无论是 UILabel 还是您自己的某些自定义视图）。为了使手势识别器正常工作，必须将视图设置为 userInteractionEnabled。

下面是一个示例，假设您的标签视图（或其他任何内容）称为 labelView：

UITapGestureRecognizer* gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(userTappedOnLink:)];
// if labelView is not set userInteractionEnabled, you must do so
[labelView setUserInteractionEnabled:YES];
[labelView addGestureRecognizer:gesture];

在此示例中，操作消息将发送到 self ，并且该消息将定义为

- ( void)userTappedOnLink:(UIGestureRecognizer*)gestureRecognizer;

这与连接任何其他 UIControl 子类（例如按钮）的工作方式相同。

其他注意事项：不要尝试将相同的手势识别器添加到多个视图，这是行不通的。不要将手势识别器的多个副本添加到多个视图（它不会替换它们，它只是将它们堆叠起来并浪费内存）。您应该在最初创建和配置视图时添加手势识别器。

有关更多信息，请参阅 UIGestureRecognizer 的文档。

Answer 2

斯威夫特 4.2 版本：

var labelView = UILabel()
let gesture = UITapGestureRecognizer(target: self, action: #selector(userTappedOnLink))
// if labelView is not set userInteractionEnabled, you must do so
labelView.isUserInteractionEnabled = true
labelView.addGestureRecognizer(gesture)


@objc func userTappedOnLink() {
    print("clicked!")
}

Answer 3

斯威夫特2.0版本：

  func userTappedOnLink() {
    print("clicked!")
  }

///tap and link to FB page
let gesture = UITapGestureRecognizer(target: self, action: "userTappedOnLink")
// if labelView is not set userInteractionEnabled, you must do so
lblStaff.userInteractionEnabled = true
lblStaff.addGestureRecognizer(gesture)

Answer 4

听起来与他们在 Twitteriffic 中使用 Fancy UILabels 所完成的工作类似。基本上，Craig Hockenberry 制作了自己的定制“数据检测器”，以便他可以在标签和多行文本中插入链接。请参阅此问题：有没有办法创建自定义 UIDataDetectorTypes？

Answer 5

您还可以使用不带文本和图像的自定义按钮，在上面放置一个“隐形按钮”。

Answer 6

我认为你可以使用 textView 并禁用滚动。我对我的项目做了同样的事情，我需要指向网站地址。只需取消选中检查器窗口中“滚动视图”部分中的屏幕截图所示的所有内容即可。

Answer 7

通过将 UITapGestureRecognizer 添加到标签，使 UIlabel 可点击。

在将标签添加到 Tapgesture 之前，不要忘记为 UIlabel 启用 userinteraction

以下是示例代码：

//Tap Gesture
UITapGestureRecognizer* gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(userTapped:)];
//Adding userinteraction for label
[labelName setUserInteractionEnabled:YES];
//Adding label to tap gesture
[labelName addGestureRecognizer:gesture];

Answer 8

此解决方案适用于可点击的 UILabel。它不适用于文本中的选择链接。在我看来，对于像 UIButton 这样的可点击 UILabel 来说，这是一个很好的解决方案：

#import <UIKit/UIKit.h>

@protocol ClickableLablelDelegate <NSObject>

@required
- (void)onClickLabel:(UILabel *) label;

@end

@interface ClickableLable : UILabel

@property (nonatomic, weak) id <ClickableLablelDelegate> delegate;

@end


#import "ClickableLable.h"

@implementation ClickableLable

-(void)awakeFromNib
{
    [super awakeFromNib];

    [self setUserInteractionEnabled:YES];
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    [self setBackgroundColor:[UIColor lightGrayColor]];
}

-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    [self setBackgroundColor:[UIColor clearColor]];

    if ([_delegate respondsToSelector:@selector(onClickLabel:)]) {
        [_delegate onClickLabel:self];
    }
}

-(void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    [self setBackgroundColor:[UIColor clearColor]];
}