How to create UILabel with clickable first word

Question

I want to create label in iOS, can anyone help me to make the first word of the label's text bold and clickable. The label displays username and its comment and the first word is always the username. Thanks in advance!

Randy

be more specific, post some code that u tried – Sham

only the first word should respond to user interaction? – Currant

yes only first word respond to user interaction. – Randy

Please check #8812409 . It will give you tapped word of UILabel you can simply compare it with first word of UILabel. – Epicure

Answer 1

I suppose more elegant solution will be using TTTAttributedString or similar.

Example:

Output:

2013-03-10 07:16:54.429 ClickableUILabel-SO[4770:c07] UserName clicked
Address:    {
    comment = "Your comment.";
    userName = user2126537;
}
2013-03-10 07:16:55.460 ClickableUILabel-SO[4770:c07] UserName clicked
Address:    {
    comment = "Another comment.";
    userName = nsgulliver;
}

Key point:

...

NSRange userNameRange = [text rangeOfString: userName];

...

label.delegate = self;
[label addLinkToAddress: @{
           @"userName" : userName,
            @"comment" : comment
    }
                  withRange: userNameRange];

...

- (void) attributedLabel: (TTTAttributedLabel *)label
didSelectLinkWithAddress: (NSDictionary *)addressComponents
{
    NSLog(@"UserName clicked\nAddress:\t%@", addressComponents);
}

Complete source code

Note that you should open xcworkspace in Xcode/AppCode because I'm using CocoaPods here.

Hope it helps.

BR.
Eugene

Dillon

how can i detect the #tags and @usernames using TTTAttributedString – Phocine

It does not work with compile error: linker command failed with exit code 1 (use -v to see invocation) – Constanceconstancia

I've just updated the sources, please use xcworkspace file instead of xcodeproj. – Dillon

Answer 2

You need to use UITapGestureRecognizer for making UILabel clickable. Use UIView and add UILabel as subviews to that

UITapGestureRecognizer* gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(yourMethod:)];
[yourLabelView setUserInteractionEnabled:YES];
[yourLabelView addGestureRecognizer:gesture];

One way of making first word clickable is to take out the first word from the label using the string method and store it in another label and use the above code to make it clickable

NSArray* wordArray = [yourLabel.text componentsSeparatedByString: @" "];
NSString* firstWord = [wordArray objectAtIndex: 0];

Abdulabdulla

It wont work for 1st character. Full label will be clickable. – Sanjak

yes you are right, but this is the way to make a label clickable – Abdulabdulla

If the label text will be constant create a blank view and place over top of the first word, then attach the gesture recognizer to that. – Priddy

This is the way to make label clickable, I agree.But the question doesn't demand that, have a better look at the title itself once more. @Foram Mukund Shah 's answer can be used. – Vachill

what is the point then if he has to use button. he could just button this question would not make sense, he asked about Label. – Abdulabdulla

Answer 3

• Make a custom button, which will contain the first word of your username, make text bold.
• Take a label, just beside the custom button & write the rest part of your username other than the first word.
• On the click event of the custom button, do whatever you want to do..

Hope this will be clear to you.

Enjoy Programming!

Posturize

Answer 4

labels seems to be difficult. Ypu can use a view. add a button and lable on that side by side and add 1st character to button and others to label.

Sanjak