Tap Gesture on part of UILabel

Question

I could successfully add tap gestures to a part of UITextView with the following code:

UITextPosition *pos = textView.endOfDocument;// textView ~ UITextView

for (int i=0;i<words*2-1;i++){// *2 since UITextGranularityWord considers a whitespace to be a word

    UITextPosition *pos2 = [textView.tokenizer positionFromPosition:pos toBoundary:UITextGranularityWord inDirection:UITextLayoutDirectionLeft];
    UITextRange *range = [textView textRangeFromPosition:pos toPosition:pos2];
    CGRect resultFrame = [textView firstRectForRange:(UITextRange *)range ];

    UIView* tapViewOnText = [[UIView alloc] initWithFrame:resultFrame];
    [tapViewOnText addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(targetRoutine)]];
    tapViewOnText.tag = 125;
    [textView addSubview:tapViewOnText];

    pos=pos2;
}

I wish to imitate the same behaviour in a UILabel. The issue is, UITextInputTokenizer (used to tokenize the individual words) is declared in UITextInput.h, and only UITextView & UITextFieldconform to UITextInput.h; UILabel does not. Is there a workaround for this ??

hi friend, have you checked the user interaction behaviour of UILabel, because by default userinteraction is NO of UIlabel, you will have to set it YES.Let me know is it working or not.!!! — NiravPatel, Jul 24 '13 at 07:01
Action on an entire UILabel is not an issue, it's 'part' of UILabel. — n00bProgrammer, Jul 24 '13 at 07:06
Please check http://stackoverflow.com/questions/8811909/getting-the-word-touched-in-a-uilabel-uitextview/21577829#21577829 — TheTiger, Feb 05 '14 at 12:58

score 3 · Answer 1 · answered Jul 24 '13 at 10:04

Try this. Let your label be label :

  //add gesture recognizer to label
  UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] init];
  [label addGestureRecognizer:singleTap];
  //setting a text initially to the label
  [label setText:@"hello world i love iphone"];

 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
 {

UITouch *touch = [touches anyObject];
CGPoint touchPoint = [touch locationInView:self.view];

CGRect rect = label.frame;
CGRect newRect = CGRectMake(rect.origin.x, rect.origin.y, rect.size.width/2, rect.size.height);

if (CGRectContainsPoint(newRect, touchPoint)) {
    NSLog(@"Hello world");
}
}

Clicking on the first half of label will work (It gives log output). Not the other half.

@n00bProgrammer - You can create your own `CGRect newRect` based on your needs. — iphondroid, Jul 24 '13 at 10:21

score 3 · Answer 2 · answered Sep 23 '15 at 17:44

Here is a light-weighted library specially for links in UILabel FRHyperLabel.

To achieve an effect like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis blandit eros, sit amet vehicula justo. Nam at urna neque. Maecenas ac sem eu sem porta dictum nec vel tellus.

use code:

//Step 1: Define a normal attributed string for non-link texts
NSString *string = @"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis blandit eros, sit amet vehicula justo. Nam at urna neque. Maecenas ac sem eu sem porta dictum nec vel tellus.";
NSDictionary *attributes = @{NSFontAttributeName: [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline]};

label.attributedText = [[NSAttributedString alloc]initWithString:string attributes:attributes];


//Step 2: Define a selection handler block
void(^handler)(FRHyperLabel *label, NSString *substring) = ^(FRHyperLabel *label, NSString *substring){
    NSLog(@"Selected: %@", substring);
};


//Step 3: Add link substrings
[label setLinksForSubstrings:@[@"Lorem", @"Pellentesque", @"blandit", @"Maecenas"] withLinkHandler:handler];

score 2 · Answer 3 · answered Jul 24 '13 at 07:00

2

One option would be to use a non-editable UITextView instead of a UILabel. Of course this may or may not be a suitable solution depending on your exact needs.

answered Jul 24 '13 at 07:00

NSAdam

181
4

UITextViews are out of question. I can only use UILabels. – n00bProgrammer Jul 24 '13 at 07:06
2

@n00bProgrammer, you can make the UITextView behave like UILabel. – Vignesh Jul 24 '13 at 08:51

score 0 · Accepted Answer · answered Jul 24 '13 at 07:46

0

You could try https://github.com/mattt/TTTAttributedLabel and add a link to the label. When the link is pressed you get a action, so part of the label click works only thing you have to would be customizing the link part of the label. I tried this in the past and it worked flawlessly but my client was not interested in using a third party component so duplicated this functionality using UIWebView and HTML.

answered Jul 24 '13 at 07:46

Satheesh

10,998
6
50
93

Finally settled on TTTAttributedLabel. It turns out to be as heavy as a UITextView. :( – n00bProgrammer Jul 25 '13 at 14:01
1

TTTAttributedLabel has height issues. Especially when it comes to emoji. – Dec 23 '13 at 16:12

score -3 · Answer 5 · answered Jul 24 '13 at 06:51

This is basic code for how can add UITapGestureRecognizer to your control;

UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleSingleTap:)];        
[MyLabelName addGestureRecognizer:singleTap];        
[self.view addSubView:MyLabelName]

This is method that call when you tapped your MyLabelName;

-(void)handleSingleTap:(UILabel *)myLabel
{
    // do your stuff;
}

I appreciate your answer, but i do not need a gesture on the entire label, just part of it. — n00bProgrammer, Jul 24 '13 at 07:06

Tap Gesture on part of UILabel

5 Answers5

Linked